Supabase and Next.js Starter Template

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

Get started by editing app/page.tsx

Everything you need to get 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.

Supabase Next.js App Router Example

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

Supabase Auth Helpers Docs

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

Powered by Supabase