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
• AI Chat — baked-in assistant that queries the DB in natural language and performs typed writes (optional OpenRouter key)
• Announcements — team-wide banners with icons, colors, CTAs, and dismissal tracking
• Activity log — trigger-driven audit of every mutation, owner-visible at /app/activity
• Settings — profile, team, members, and announcements 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

Next Steps

1. Prerequisites — accounts and one tool to install (~2 min)
2. Installation — run the installer and you're live locally (~90 sec)
3. Version Control — commit your baseline to GitHub
4. Claude Code — optional, connect Claude + the MCP servers
5. Cloudflare — deploy to production

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