Uploaded December 2024 | Updated September 2026, 2 weeks ago

---

How to implement Auth with Next.js with Strapi.
👉🏻 Code on GitHub: github.com/PaulBratslavsky/strapi-auth-provider-demo-next-js
✨ Next.js and Strapi 5 Demo: strapi.link/strapi-and-nextjs
😅 My website: codingafterthirty.com

Let's work on setting up Next Auth with Next.js15 and Strapi 5. In this video we will take a look integrating GitHub Login in Your Next.js 15 App with Strapi 5 Backend.

Chapters

The video demonstrates how to implement GitHub authentication in a Next.js 15 application using Strapi 5, enabling automatic user creation and streamlined sign-in processes.

00:00 Implement authentication in Next.js 15 with Strapi 5 by integrating GitHub as a provider.
01:25 Using GitHub for authentication simplifies user sign-up by eliminating password management.
02:02 To set up GitHub authentication in Strapi, enable the GitHub provider.
05:27 Users can sign in with GitHub in a Next.js app using Strapi.
06:49 The implementation retrieves a JWT token from Strapi, validates it to fetch user data.
08:24 Explore GitHub social login implementation with Next.js 15 and Strapi 5 in a demo project.

Strapi 5 simplifies auth setup by allowing easy configuration of GitHub provider in settings, requiring only client ID, client secret, and frontend app URL.

Strapi automatically creates or authenticates users when they sign up/in through providers like GitHub, storing user data accessible via Next.js get user loader function.

Integration Process

Next.js route handler calls Strapi's connect GitHub callback with the GitHub access token, resulting in user authentication and a JWT token set as an HTTP-only cookie.

Strapi's settings page offers options to enable various auth providers (GitHub, Google) and restrict sign-up methods, enhancing security and user management.

Whether you're building a new app or enhancing an existing one, this approach simplifies user management!

What You’ll Learn
Overview of GitHub Authentication: Understand the benefits of using GitHub as an authentication provider.

Setting Up Strapi: Step-by-step instructions on configuring the GitHub provider in Strapi.

Next.js Route Handlers: Learn how to manage the redirect flow between GitHub and Strapi effectively.

User Management: Discover how Strapi 5 automatically creates and manages users based on GitHub logins.

Code Walkthrough: A comprehensive guide to the code structure, with a live demo of the application.

Key Takeaways
- Streamline user sign-ups by leveraging GitHub authentication.
- Minimize password management concerns with OAuth.
- Access to a complete code repository to kickstart your project.