Skip to content

Next.js 14 (app router) with Supabase Authentication and Shadcn - Starter Template

Notifications You must be signed in to change notification settings

SarathAdhi/next-supabase-auth

Repository files navigation

Next Level Auth

Next.js 14 - @supabase/ssr

About

This is a Starter Template

Every line of code is open source, offering a collaborative learning experience. Join us on this coding journey and contribute to the future of web development!

Features

  • Nextjs 14 (latest)
  • App router
  • Supabase
  • Supabase with Authentication
  • Dark, Light and System - Color theme mode
  • SEO Optimized
  • Styled using Tailwind CSS
  • UI Components built using Shadcn UI (Radix UI)
  • Validations using Zod
  • Written in TypeScript

Getting Started

  1. Install dependencies using pnpm:
npm install
# or
yarn install
# or
pnpm install

  1. Copy .env.example to .env.local and update the environment variables.

  1. Start the development server:
npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/(main)/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.