Tutorials and Explainers

NextAuth.js tutorials

These tutorials are contributed by the community and hosted on this site.

New submissions and edits are welcome!

Refresh Token Rotation

How to implement refresh token rotation.

Securing pages and API routes

How to restrict access to pages and API routes.

Custom models with TypeORM

How to use models with custom properties using the TypeORM adapter.

Creating a database adapter

How to create a custom adapter, to use any database to fetch and store user / account data.

LDAP Authentication

How to use the Credentials Provider to authenticate against an LDAP database.

This approach can be used to authenticate existing user accounts against any backend.

Testing with Cypress

How to write tests using Cypress.

Other tutorials and explainers

These are tutorials and explainers that have been submitted or that we have found on the web and are hosted elsewhere They include articles, videos and example projects. Submissions for inclusion are welcome!

Adding social authentication support to a Next.js app

A tutorial by Arunoda Susirpiala. Checkout GetStarted for more examples.

Add auth support to a Next.js app with a custom backend

A tutorial by Arunoda Susirpiala.

How to Configure Azure AD B2C Authentication with Next.js

Configuring authentication with Azure B2C in Next.js is not a particularly straight forward process. We'll look at how to facilitate this using the NextAuth.js library. By Ben Fox.

Authentication patterns for Next.js

Next.js supports multiple patterns for authentication, each designed for different use cases. This guide will allow you to choose your adventure based on your constraints. By Lee Robinson.

Passwordless Authentication with next-auth

A video tutorial by Xiaoru Li from Prisma.

Passwordless Authentication with Next.js, Prisma, and next-auth

In this post, you'll learn how to add passwordless authentication to your Next.js app using Prisma and next-auth. By the end of this tutorial, your users will be able to log in to your app with either their GitHub account or a Slack-styled magic link sent right to their Email inbox. By Xiaoru Li.

Fullstack Authentication Example with Next.js and NextAuth.js

This example shows how to implement a fullstack app in TypeScript with Next.js using React (frontend), Next.js API routes and Prisma Client (backend). It also demonstrates how to implement authentication using NextAuth.js. By Nikolas Burk at Prisma.

Adding Authentication to an existing Next.js Application in no time!

This dev.to tutorial walks one through adding NextAuth.js to an existing project. Including setting up the OAuth client id and secret, adding the API routes for authentication, protecting pages and api routes behind that authentication, etc.

Adding Sign in With Apple Next JS

This tutorial walks step by step on how to get Sign In with Apple working (both locally and on a deployed website) using NextAuth.js.