🌐 App Demo

• 🚀 Protected Routes
• 🚀 Supabase Session Object in Global Context via useSession
• 🚀 User Authentication
• 🚀 Routing and Route Guards

It's also blazingly fast 🔥 No really, try it out for yourself.

We also have a similar template for FIREBASE 🔥

0. Requires Node.js 22.22+
1. Clone the repository
2. Install dependencies: npm install
3. Create .env using the .env.example as a template

VITE_SUPABASE_URL=
VITE_SUPABASE_ANON_KEY=

4. Run the app: npm run dev

• Built with React Router v8 framework mode in SPA mode (ssr: false in react-router.config.ts)
• app/routes.ts is where you declare your routes, each route module lives in app/routes/
  • app/routes/auth-protected-layout.tsx guards every route nested under it
• app/context/SessionContext.ts is where you can find the useSession hook
  • This hook gives you access to the session object from Supabase globally
• app/root.tsx is the HTML document and where you can add more providers or wrappers
• npm run build outputs a static site to build/client

• React ShadCN Supabase Auth Template 🌟
• NextJs ShadCN Supabase Auth Template 🌟

• NextJs MongoDB Prisma Auth Template 🌟
• NextJs Discord Bot Template 🌟
• React Firebase🔥 Auth Template 🌟
• Golang Postgres Auth Template
• Vue Golang PostgresSql Auth Template
• Vue Supabase Auth Template
• Remix Drizzle Auth Template