Create account

DEV Community

mmvergara

Posted on Jan 17 • Edited on Jan 24

Vue Supabase Auth Template with Protected Routes

#vue #supabase #authentication #starter

Pretty much a barebones minimal template to get you started with authentication and protected routes.

🌐 App Demo

Features

🚀 Protected Routes
🚀 Supabase Session Object in Global via useAuthStore
🚀 User Authentication
🚀 Routing and Route Guards
🚀 Minimal

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

Getting Started

Clone the repository
Install dependencies: npm install
Create .env using the .env.example as a template

VITE_SUPABASE_URL=
VITE_SUPABASE_ANON_KEY=

Run the app: npm run dev

Files you need to see so you can understand how it works.

src/stores/auth.ts
src/router/index.ts
All Pages

mmvergara / vue-supabase-auth-starter-template

Vue Supabase Auth Starter Template with Protected Routes

Vue Supabase Auth with Protected Routes

🌐 App Demo

Features

🚀 Protected Routes
🚀 Supabase Session Object in Global via useAuthStore
🚀 User Authentication
🚀 Routing and Route Guards
🚀 Minimal

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

Getting Started

Clone the repository
Install dependencies: npm install
Create .env using the .env.example as a template

VITE_SUPABASE_URL=
VITE_SUPABASE_ANON_KEY=

Run the app: npm run dev

Files you need to see so you can understand how it works.

src/stores/auth.ts
src/router/index.ts
All Pages

View on GitHub

We also have a similar template for FIREBASE 🔥

Amplify your impact where it matters most — building exceptional apps.

Leave the infrastructure headaches to us, while you focus on pushing boundaries, realizing your vision, and making a lasting impression on your users.

Get Started

Top comments (0)

Your AI Code Assistant

Automate your code reviews. Catch bugs before your coworkers. Fix security issues in your code. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

Features

Getting Started

Files you need to see so you can understand how it works.

mmvergara / vue-supabase-auth-starter-template

Vue Supabase Auth Starter Template with Protected Routes

Vue Supabase Auth with Protected Routes

Features

Getting Started

Files you need to see so you can understand how it works.

Amplify your impact where it matters most — building exceptional apps.

Your AI Code Assistant

Okay