Use Supabase Auth with Next.js

Create a new Supabase project

Head over to database.new and create a new Supabase project.

Your new database has a table for storing your users. You can see that this table is currently empty by running some SQL in the SQL Editor.

Create a Next.js app

Use the create-next-app command and the with-supabase template, to create a Next.js app pre-configured with:

• Cookie-based Auth
• TypeScript
• Tailwind CSS

See GitHub repo

Declare Supabase Environment Variables

Rename .env.local.example to .env.local and populate with your project's URL and Anon Key.

Start the app

Start the development server, go to http://localhost:3000 in a browser, and you should see the contents of app/page.tsx.

To sign up a new user, navigate to http://localhost:3000/login, and click Sign Up Now.