Vue Starter Kit

The Laravel SaaS backend paired with a Vue 3 frontend written in <script setup> + TypeScript, shadcn-vue components on Reka UI and composables for permissions, layout and translations.

Explore features Read the Vue docs

Vue frontend stack

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

TypeScript 5Tailwind CSS v4Vite 8WayfinderLang Sync InertiaESLint 9 + Prettier 3

Features

Everything included in the kit

Every backend feature ships with a complete Vue interface — pages, dialogs, forms and toasts.

Authentication

Login, registration, password reset, email verification, two-factor auth, passkeys, profile & security settings — toggled per domain.

Multi-tenancy

A separate database per tenant, subdomain identification, tenant CRUD with stats, workspace status and admin invitations.

Domains

Primary and secondary domains per tenant with a per-domain app name, default language and authentication features.

Maintenance & suspension

Global maintenance for all tenant workspaces with a custom message, secret bypass link and allowed IPs; suspended workspaces are blocked.

Users & invitations

User management with search and stats, role select, individual permissions and queued, signed invitation emails.

Roles & permissions

Spatie roles with protected system roles, permission config files for central and tenant apps and permission-aware menus.

Navigation & layouts

Database-driven menus with drag & drop ordering, sidebar or header layouts, sidebar variants, auth layouts and light/dark mode.

Localization

17 languages with per-user and per-domain defaults, and translated validation messages shared with the frontend.

Testing & tooling

Pest feature tests, Larastan, Pint, ESLint, Prettier and Laravel Boost guidelines and skills for AI agents.

Conventions

Idiomatic Vue

The Vue kit follows the conventions of its ecosystem, type-checked with vue-tsc.

Pages: resources/js/pages/tenants/Index.vue
Components: PascalCase .vue files
Composables: resources/js/composables/useX.ts

Translations in a component

import { vueLang } from '@erag/lang-sync-inertia/vue'

const { __ } = vueLang()

__('modules.tenant.index.title')

Typed routes with Wayfinder

import { index } from '@/routes/tenants'

index.url()

Shared backend

The same Laravel backend in every kit

The backend code is identical across the Vue, React and Svelte kits. Only resources/js changes.

Complete Laravel + Vue source code
Access to the saas-laravel-starter-kit-vue repository
Weekly updates pushed to the repository
Pest feature tests, Larastan and Pint configured
17 languages with synced frontend translations
Documentation for the backend and the Vue frontend

Framework: Laravel 13 on PHP 8.3+
Bridge: Inertia v3 (inertia-laravel)
Authentication: Laravel Fortify + passkeys
Multi-tenancy: stancl/tenancy — database per tenant
Authorization: spatie/laravel-permission
Validation & types: spatie/laravel-data + TypeScript transformer
Typed routes: Laravel Wayfinder
Translations: erag/laravel-lang-sync-inertia
Quality: Pest 5, Larastan, Pint, Laravel Boost

Prefer another frontend?

React Starter KitReact 19 with TypeScript and shadcn/ui on Radix UI.Svelte Starter KitSvelte 5 runes with TypeScript and shadcn-svelte.

Start building with Vue

$29 one-time for the Vue Starter Kit, or $79 for all three kits. Lifetime access with weekly updates.

Get the Vue kit Compare all plans

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