Skip to main content

​
SaaS Starter Vue

SaaS Starter Vue is a robust, production-ready template for building Software as a Service applications quickly and efficiently. It combines the power of Laravel 12 on the backend with Vue 3 and Inertia.js 2.0 on the frontend, styled with Tailwind CSS 4.

​
What is SaaS Starter Vue?

This starter kit provides a complete foundation for multi-tenant SaaS applications, eliminating months of development work by providing pre-built authentication, tenant management, subscription plans, and a modern UI out of the box. Built with best practices and modern tools, SaaS Starter Vue lets you focus on your unique business logic rather than reinventing the wheel.

​
Who is this for?

Entrepreneurs

Launch your SaaS idea faster without building authentication and multi-tenancy from scratch

Development Teams

Start projects with a solid foundation and consistent architecture

Freelancers

Deliver client projects efficiently with proven patterns and components

Laravel Developers

Build modern SPAs with familiar backend tools and powerful frontend stack

​
Key Features

​
Multi-Tenancy

Complete tenant management system powered by stancl/tenancy. Each tenant gets isolated data, custom domains, and independent database schemas.

​
Authentication & Security

Fully-featured authentication system using Laravel Fortify:
  • User registration and login
  • Password reset functionality
  • Email verification
  • Two-Factor Authentication (2FA)
  • Session management

​
Subscription Management

Integrated plan system for managing subscription tiers, pricing, and tenant access levels.

​
Modern Frontend Stack

Monolithic SPA architecture with:
  • Vue 3 with Composition API and TypeScript
  • Inertia.js 2.0 for seamless server-client communication
  • Tailwind CSS 4 for utility-first styling
  • Pre-built UI components using reka-ui and lucide-vue-next

​
Developer Experience

  • PNPM for fast, efficient package management
  • Vite for lightning-fast development builds
  • Hot module replacement (HMR)
  • Type safety with TypeScript
  • Automatic linting and formatting

​
Technology Stack

Backend

  • Laravel 12
  • PHP 8.2+
  • PostgreSQL

Frontend

  • Vue 3
  • Inertia.js 2.0
  • TypeScript

Styling

  • Tailwind CSS 4
  • reka-ui components
  • lucide-vue-next icons

​
Core Packages

​
Backend Dependencies

"inertiajs/inertia-laravel": "^2.0",
"laravel/fortify": "^1.30",
"laravel/framework": "^12.0",
"stancl/tenancy": "^3.9"

​
Frontend Dependencies

"@inertiajs/vue3": "^2.3.7",
"vue": "^3.5.13",
"tailwindcss": "^4.1.1",
"reka-ui": "^2.6.1"

​
What’s Included

1

Authentication System

Complete auth flow with login, registration, password reset, email verification, and 2FA
2

Tenant Management

Create, update, cancel, and restore tenants with automatic database provisioning
3

Plan Management

Define subscription plans with pricing, features, and limits
4

Dashboard UI

Pre-built admin dashboard with tenant overview, statistics, and management tools
5

Settings Pages

User profile management, security settings, and 2FA configuration

​
Project Structure

├── app/                    # Backend logic
│   ├── Http/Controllers/   # Controllers for routes
│   ├── Models/             # Eloquent models
│   └── Services/           # Business logic services
├── resources/js/           # Frontend source code
│   ├── components/         # Vue components
│   ├── pages/              # Inertia pages
│   └── layouts/            # Page layouts
├── routes/                 # Route definitions
│   ├── web.php            # Central domain routes
│   └── settings.php       # User settings routes
└── database/              # Migrations and seeders
This starter kit is designed to be extended and customized for your specific SaaS application needs.

​
Next Steps

Installation

Set up your development environment and install dependencies

Quick Start

Get a working SaaS app running in minutes

Build docs developers (and LLMs) love

Get started for freeTalk to us