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