Skip to main content

Next.js

next js logonext js logo

Next.js is a React-based framework that provides a powerful and flexible set of tools for building high-performance, SEO-friendly web applications. Get started integrating authentication to your Next.js Application by checking out our zitadel-nextjs Example.

Resources​

SDK​

ZITADEL does not provide a Next.js specific SDK. However, for integrating authentication into your Next.js Application you can use NextAuth ZITADEL Provider

Check out our Example Application

Example Application​

The zitadel-nextjs repository includes an Example Application ready to start and show how a Next.js application looks like with integrated ZITADEL Login.

What does the Example include: TODO: ?? Update with correct infos

  • Home Page with Login Button
  • Authenticating user with OIDC PKCE Flow
  • Private Page: Shows user information of authenticated user, only accessible after login
  • Logout

Step-By-Step Guide​

The Step-By-Step Guide leads you through the whole process from configuring the right application in ZITADEL to a ready application with integrated Login.

After completing the Step-By-Step Guide you will have: TODO: ?? Updated with correct infos

  1. Example Web Application with integrated ZITADEL Login
  2. Example page accessible by authenticated user showing retrieved user information
  3. Logout
  4. Correct setup for your application in ZITADEL