Supabase and Next.js Starter Template

The fastest way to get started building apps with Supabase and Next.js

Get started by editing app/page.tsx

Everything you need to started

Cookie-based Auth and the Next.js App Router

This free course by Jon Meyers, shows you how to configure Supabase Auth to use cookies, and steps through some common patterns.

Want to see a code example containing some common patterns with Next.js and Supabase? Check out this repo!

This template has configured Supabase Auth to use cookies for you, but the docs are a great place to learn more.

Examples

Look in the _examples folder to see how to create a Supabase client in all the different contexts

Client Components app/_examples/client-component/page.tsx

Server Components app/_examples/server-component/page.tsx

Server Actions app/_examples/server-action/page.tsx

Route Handlers app/_examples/route-handler.ts

Middleware app/middleware.ts

Protected Routes app/_examples/protected/page.tsx