DEV Community

Cover image for Vue Supabase Auth Template with Protected Routes
mmvergara
mmvergara

Posted on • Edited on

1 1 1 1 1

Vue Supabase Auth Template with Protected Routes

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

  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=
Enter fullscreen mode Exit fullscreen mode
  1. 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

GitHub logo 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

  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=
  1. 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





We also have a similar template for FIREBASE 🔥

Image of AssemblyAI tool

Transforming Interviews into Publishable Stories with AssemblyAI

Insightview is a modern web application that streamlines the interview workflow for journalists. By leveraging AssemblyAI's LeMUR and Universal-2 technology, it transforms raw interview recordings into structured, actionable content, dramatically reducing the time from recording to publication.

Key Features:
🎥 Audio/video file upload with real-time preview
🗣️ Advanced transcription with speaker identification
⭐ Automatic highlight extraction of key moments
✍️ AI-powered article draft generation
📤 Export interview's subtitles in VTT format

Read full post

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay