skills-library/templates/nextjs-supabase.md

Next.js + Supabase Template

Tech Stack

• Framework: Next.js 15 (App Router)
• Database: Supabase (PostgreSQL)
• Auth: Supabase Auth
• Styling: Tailwind CSS + shadcn/ui
• Language: TypeScript

Project Structure

/app
  /api          # API routes
  /(auth)       # Auth pages
  /(dashboard)  # Protected routes
  layout.tsx
  page.tsx
/components
  /ui           # shadcn components
/lib
  supabase.ts   # Supabase client
  utils.ts
/types

Initial Setup Commands

npx create-next-app@latest --typescript --tailwind --eslint --app
npx shadcn-ui@latest init
npm install @supabase/supabase-js @supabase/ssr

Environment Variables

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=