I've done all of the underlying stuff so you can just focus on creating the app and not having to go through the hassle of authentication
🔭 Github Repository
🌐 App Demo
Features
- 🚀 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.
Getting Started
- Clone the repository
- Install dependencies:
npm install - Create
.envusing the.env.exampleas a template
VITE_SUPABASE_URL=
VITE_SUPABASE_ANON_KEY=
Run the app: npm run dev
What you need to know
-
/router/index.tsxis where you declare your routes -
/context/SessionContext.tsxis where you can find theuseSessionhook- This hook gives you access to the
sessionobject from Supabase globally
- This hook gives you access to the
-
/Providers.tsxis where you can add moreprovidersorwrappers
mmvergara
/
react-supabase-auth-template
React Supabase Auth template with Protected Routes
React Supabase Auth with Protected Routes
Features
- 🚀 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 🔥
Getting Started
- Clone the repository
- Install dependencies:
npm install - Create
.envusing the.env.exampleas a template
VITE_SUPABASE_URL=
VITE_SUPABASE_ANON_KEY=
- Run the app:
npm run dev
What you need to know
-
/router/index.tsxis where you declare your routes -
/context/SessionContext.tsxis where you can find theuseSessionhook- This hook gives you access to the
sessionobject from Supabase globally
- This hook gives you access to the
-
/Providers.tsxis where you can add moreprovidersorwrappers
Top comments (0)