salchum / nextjs-supabase-auth-boilerplate

Starter for setting up Supabase Auth in Next.js

Next.js + Supabase Auth

Overview

Sample project showing how to add authentication to Next.js 13+ using Supabase Auth and the new app directory.

NOTE: app directory is stable as of Next 13.4

This project is a supplement to this guide. See the link for a detailed tutorial.

Supabase Setup

1. Create user for Authentication, open Authentication then Users
2. Choose Add Users then Create New User
3. Fill Email Address and Password
4. Check Auto Confirm User then click Create User

Project Setup

1. Create file .env.local

touch .env.local.

2. Fill environtment variable in .env.local

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=