Nextjs Supabase Auth screenshot

Nextjs Supabase Auth

Author Avatar Theme by Mryechkin
Updated: 4 Aug 2024
285 Stars

Sample project for setting up Supabase Auth in Next.js

Categories

Overview

This project showcases how to integrate authentication into Next.js 13+ using Supabase Auth and the App Router with React Server Components. It is designed as a companion to a detailed tutorial guide. The main branch utilizes the latest version of Auth Helpers with the PKCE flow for authentication.

Features

  • Next.js 13+ Integration: Demonstrates how to incorporate authentication in the latest version of Next.js.
  • Supabase Auth Integration: Shows how to utilize Supabase Auth for authentication requirements.
  • App Router with React Server Components: Utilizes the App Router along with React Server Components for navigation and rendering.

Installation

To install this project, you can follow these steps:

  1. Clone the repository: git clone [repository-url]
  2. Install dependencies: npm install
  3. Run the project: npm run dev

Summary

This project provides a practical example of adding authentication to Next.js applications using Supabase Auth and React Server Components. It offers a valuable resource for developers looking to implement secure authentication mechanisms into their projects.