ysskrishna logoysskrishna
Nextjs Supabase Starter

Nextjs Supabase Starter

Next.js + Supabase starter with auth, protected routes, dashboard, and light/dark UI.

Gallery image 1
Gallery image 2
Gallery image 3
Gallery image 4
Gallery image 5
Gallery image 6
Gallery image 7
Gallery image 8
Gallery image 9

Next.js app shell with Supabase auth, dashboard, and light/dark UI

This template combines Next.js with Supabase for sign-up, sign-in, and protected areas, plus a dashboard and responsive layout using Radix-style primitives and Tailwind styling. The README also notes Google OAuth support alongside email-style auth, with middleware for route protection and redirects.

When it is useful

You want a credible starting point for a SaaS-style or internal web app, you are learning the Auth + Postgres patterns Supabase provides, or you plan to fork and replace screens while keeping the plumbing. Expect to supply your own Supabase project and env config.

What you can do

  • Use the authentication flow (including OAuth where you configure it) and session handling described in the project docs.
  • Ship light/dark presentation with system preference detection as implemented.
  • Build on the typed front end and form/validation stack called out in the README.
  • Try the public demo linked from the repository; full setup (keys, redirect URLs, local dev) is in the GitHub project. Rotate any sample credentials before real use.

Limits

  • A starter is not production security on its own; you still own secrets rotation, RLS policies, abuse prevention, and monitoring.
  • Branding, billing, roles, and compliance are out of scope unless you add them.
  • Demo accounts in the README are for evaluation only; never treat them as secrets to copy into production.

Frequently asked questions

What auth features are included?

Supabase Auth for sign-up, sign-in, session handling, and protected routes with middleware redirects. The README also documents Google OAuth setup in docs/AUTHENTICATION.md alongside email-style auth.

What UI and form stack does the template use?

Next.js 15 with TypeScript, Radix UI primitives, Tailwind, light/dark mode with system preference detection, React Hook Form, Zod validation, Recharts, and a dashboard layout.

Is there a public demo?

Yes. A Vercel demo is linked from the repo (ysskrishna-nextjs-supabase-starter.vercel.app). Demo accounts in the README are for evaluation only; never copy them into production. Bring your own Supabase project and env config for real use.

Is a starter enough for production security?

No. You still own secrets rotation, RLS policies, abuse prevention, and monitoring. Branding, billing, roles, and compliance are out of scope unless you add them.

Continue exploring

ProductFastAPI Supabase Starter

FastAPI Supabase Starter

FastAPI backend starter that validates Supabase JWTs and exposes protected user routes.
Auth & Security
Backend & APIs
Starter Kits & Boilerplates
FastAPI
ProductFastAPI Nextjs Clerk Starter

FastAPI Nextjs Clerk Starter

FastAPI + Nextjs app with Clerk authentication.
Auth & Security
Backend & APIs
Starter Kits & Boilerplates
FastAPI
BlogCover image for Encoding, Encryption, and Hashing: The Difference Everyone Should Know

Encoding, Encryption, and Hashing: The Difference Everyone Should Know

Auth & Security
3 min read
ProductFastAPI Clerk Starter

FastAPI Clerk Starter

FastAPI starter with Clerk auth. Secure & scalable!
Auth & Security
Backend & APIs
Starter Kits & Boilerplates
FastAPI
BlogCover image for How Microservices Verify JWTs Without Calling the Auth Service

How Microservices Verify JWTs Without Calling the Auth Service

Auth & Security
Backend & APIs
+1
8 min read
BlogCover image for Shai Hulud 2.0: How to Detect a Suspected npm Supply-Chain Attack

Shai Hulud 2.0: How to Detect a Suspected npm Supply-Chain Attack

PyPI Packages
Python
+1
5 min read