Next.js (Pages Router)

This quickstart guide walks you through integrating your Next.js application with Wristband.

Goals

After completing this guide, you will have learned to do the following:

• Integrate your Next.js backend with Wristband using Wristband's Next.js Auth SDK in the Pages Router.
• Implement session management with your Next.js backend.
• Enforce authentication checks in your React frontend utilizing Wristband's React Client Auth SDK.
• Protect your application's pages and APIs by verifying that the user has an authenticated session.

Prerequisites

• Node.js (v20.x or later)
• A package manager such as npm, yarn, or pnpm
• Next.js (v14.x or later)
• React (v18.x or later)

Set Up Next.js

If you are starting your app from scratch, you will need to set up a Next.js Pages Router project by following their installation documentation for the Pages Router.