Laravel Vue SaaS Starter Kit
Our Laravel SaaS backend with a Vue 3 frontend. Pages use <script setup> and TypeScript, the UI is built from shadcn-vue components on Reka UI, and composables handle permissions, layout and translations.
Vue frontend stack
- Framework
- Vue 3.5, <script setup> and 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
Features
What's in the kit
Every backend feature comes with a finished Vue UI: pages, dialogs, forms and toasts.
Authentication
Login, registration, password reset, email verification, two-factor auth, passkeys and profile & security settings. You switch each one on or off per domain.
Multi-tenancy
Each tenant gets its own database and subdomain. You create and edit tenants from a list with stats, track workspace status and invite each tenant's admin.
Domains
Give each tenant a primary domain and as many secondary ones as you need. Every domain has its own app name, default language and sign-in options.
Maintenance & suspension
Put every tenant workspace into maintenance with your own message, a secret bypass link and allowed IPs. You can also suspend a single workspace, which blocks it.
Users & invitations
Manage users with search and stats, give them a role and extra permissions, and invite them by email with a signed link.
Roles & permissions
Spatie roles and permissions with protected system roles, separate permission config files for the central and tenant apps, and menus that respect them.
Navigation & layouts
Menus live in the database and you reorder them by drag & drop. Pick a sidebar or header layout, a sidebar style, a sign-in layout and light or dark mode.
Localization
17 languages. Each user picks their own, each domain has a default, and validation messages are translated and shared with the frontend.
Testing & tooling
Pest feature tests, Larastan, Pint, ESLint and Prettier are set up, along with Laravel Boost guidelines and skills for AI coding agents.
Conventions
Idiomatic Vue
The Vue kit sticks to the usual Vue conventions, and vue-tsc checks the types.
- 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()Framework-specific implementation
Vue pages that feel like Laravel
The Vue kit keeps page logic close to the template: typed props, composables for reusable behavior and small Common components for consistent forms.
- Use <script setup lang="ts"> with defineProps for Inertia page data.
- Set breadcrumbs and layouts with defineOptions, then keep search and permissions in composables.
- Build forms with the Inertia Form component and the kit's Common* inputs, including translated validation errors.
A page in Vue
<script setup lang="ts">
const props = defineProps<{
tenants: Tenant[];
}>();
const { can } = usePermission();
</script>See the complete Vue implementation guide, including pages, layouts and daily development.
Shared backend
The same Laravel backend in every kit
The Vue, React and Svelte kits run exactly the same backend code. Only resources/js is different.
- The full Laravel + Vue source code
- Access to the saas-laravel-starter-kit-vue repository
- Weekly updates, pushed to that repository
- Pest feature tests, with Larastan and Pint already set up
- 17 languages, with translations synced to the frontend
- 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
Start building with Vue
The Vue Starter Kit is $29, paid once, or get all three kits for $79. You keep access for life and get weekly updates.
One-time payment · Lifetime access · Weekly updates included · No recurring subscription