Introduction

VueStarter is a Vue full-stack template built on Nuxt and Supabase — designed from the ground up to work with Claude Code. Auth, multi-tenancy, role-based access, realtime, webhooks, and a complete dashboard shell are already wired up and working.

Skip straight to the part that matters — building your app.

What's Included

• Auth — email/password signup, login, OAuth, session management
• Multi-tenancy — teams with isolated data, team switching, team creation
• Role-based access — owner, admin, and member roles with a permission system
• Member management — invite by email, change roles, remove members
• Realtime — Supabase Realtime for instant cross-browser sync
• Webhooks — fire-and-forget event system for external integrations
• Settings — profile, team, and members pages with full CRUD
• Dashboard shell — sidebar navigation, command palette, layouts
• Server architecture — all writes go through Nitro server routes using the service role key

What You Need

• Supabase account (free tier)
• GitHub account
• Cloudflare account (free tier for Pages)
• Node.js, npm, and Git

Next Steps

1. Setup — clone the template and connect it to Supabase
2. Deploy — ship to Cloudflare Pages

Once you're running, explore:

• Plugins — add API keys, AI chat, cron jobs, and more
• Examples — step-by-step guides for building real features like job management, CRM, invoicing, and more