Skip to content
All plans

Vue Starter Kit

Laravel SaaS backend + Vue 3.5 frontend.

$29 Lifetime Access Weekly Updates

One-time payment · Lifetime access · Weekly updates included · No recurring subscription

Technologies

Framework
Vue 3.5 — <script setup> + TypeScript
Inertia adapter
@inertiajs/vue3 v3
UI components
shadcn-vue on Reka UI
Icons
@lucide/vue
Toasts
vue-sonner
Menu drag & drop
vue-draggable-plus
Type check
vue-tsc

Shared by every kit

TypeScript 5Tailwind CSS v4Vite 8WayfinderLang Sync InertiaESLint 9 + Prettier 3Laravel 13 on PHP 8.3+Inertia v3 (inertia-laravel)Laravel Fortify + passkeysstancl/tenancy — database per tenantspatie/laravel-permissionspatie/laravel-data + TypeScript transformerLaravel Wayfindererag/laravel-lang-sync-inertiaPest 5, Larastan, Pint, Laravel Boost

Included features

AuthenticationLogin, registration, password reset, email verification, two-factor auth, passkeys, profile & security settings — toggled per domain.7
  • Login, registration and password reset
  • Email verification and password confirmation
  • Two-factor authentication with recovery codes
  • Passwordless sign-in with passkeys
  • Turn each auth feature on or off per domain
  • Profile, password, appearance and account deletion settings
  • Separate central and tenant guards and user tables
Multi-tenancyA separate database per tenant, subdomain identification, tenant CRUD with stats, workspace status and admin invitations.7
  • One database per tenant with stancl/tenancy
  • Tenant identified by its subdomain on APP_DOMAIN
  • Tenant creation pipeline: database, migrations, seeders and admin user
  • Workspace status: Active, Trial, Pending Invitation, Suspended
  • Signed invitation link for the tenant admin, with resend
  • Admin password reset by email link or set manually
  • Tenant list with search, status filter and stats
DomainsPrimary and secondary domains per tenant with a per-domain app name, default language and authentication features.5
  • Add domains, set the primary and protect it from deletion
  • App name per domain, shown in the sidebar, sign-in pages and emails
  • Default language per domain; users can still choose their own
  • Registration, password reset, 2FA and passkeys toggled per domain
  • Domains page with search and primary / secondary filters
Maintenance & suspensionGlobal maintenance for all tenant workspaces with a custom message, secret bypass link and allowed IPs; suspended workspaces are blocked.7
  • Global maintenance mode from Setup → Tenant Settings
  • Custom message on an animated 503 page
  • Secret bypass link that unlocks a workspace for 12 hours
  • Allowed IP addresses and CIDR ranges skip the maintenance page
  • Tenant login stays reachable so admins can sign in and bypass
  • Suspend a single workspace with its own or a default message
  • The central app stays online the whole time
Users & invitationsUser management with search and stats, role select, individual permissions and queued, signed invitation emails.7
  • Users list with search, stats and pagination
  • Role select on create and edit
  • System roles get their default permissions, custom roles none
  • Individual permissions per user, grouped by module
  • Queued invitation email with a signed 7-day link
  • “Invitation pending” badge until the user accepts
  • Accept-invitation page where the user sets a password
Roles & permissionsSpatie roles with protected system roles, permission config files for central and tenant apps and permission-aware menus.5
  • Spatie roles and permissions for the central app and every tenant
  • Protected system roles plus your own custom roles
  • Permissions defined in config/permissions and config/permissions/tenant
  • Super admin passes every permission check
  • Permission checks on routes, menus and buttons
Navigation & layoutsDatabase-driven menus with drag & drop ordering, sidebar or header layouts, sidebar variants, auth layouts and light/dark mode.7
  • Database-driven menus with a drag & drop builder and Reset Defaults
  • Menus hide automatically without the required permission
  • Sidebar or header (top nav) layout with a Setup dropdown
  • Inset, sidebar or floating sidebar variants
  • Icon rail, offcanvas or always-open collapse modes
  • Card, simple or split sign-in pages
  • Light, dark and system appearance
Localization17 languages with per-user and per-domain defaults, and translated validation messages shared with the frontend.6
  • 17 languages, including English, Hindi, Spanish, French, German and Japanese
  • One translation file per feature in lang/<locale>/modules
  • Every user picks their own language
  • Default language per domain, English as the app default
  • Translated validation messages in every Data class
  • Translations shared with Vue, React and Svelte through one __() helper
Testing & toolingPest feature tests, Larastan, Pint, ESLint, Prettier and Laravel Boost guidelines and skills for AI agents.6
  • Pest feature tests for the backend
  • Larastan static analysis and Pint formatting
  • ESLint and Prettier for the frontend
  • Type checking with vue-tsc, tsc or svelte-check
  • GitHub Actions workflow runs the test suite
  • Laravel Boost guidelines and skills for AI coding agents

Requirements

PHP
8.3 or newer
Composer
Composer 2
Node.js
A current Node LTS with npm
Database
MySQL (needed for database-per-tenant)
Local server
Laravel Herd recommended (*.test + wildcard subdomains)

What you receive

Access to the starter kit GitHub repository with the full source code — backend, frontend, tests and configuration:

Licensed under the SaaS Laravel Commercial License — use it in unlimited projects for you or your clients; reselling or publishing the source code is not allowed.

Update policy

Weekly updates are pushed to the kit repository. You pull them into your own project whenever you are ready — nothing changes in your app until you merge. Updates are included for life with no renewal fee. How updates work →

Access & support

  • Repository access is granted automatically as soon as your GitHub Sponsors payment goes through. Sponsor from the GitHub account you want to be invited.
  • You receive a GitHub invitation to the repository — accept it to start cloning.
  • Support happens on GitHub, through issues on the kit repository.

Get the Vue Starter Kit for $29

One-time payment · Lifetime access · Weekly updates included · No recurring subscription. After payment, your GitHub account automatically gets access to the repository.