Vue 3 + TypeScript + Inertia.js for the SPA frontend, with SSR support
VueLaravelAdmin dashboardStarter
laravel-viltf-starter-kit — Vue Admin dashboard Template
By thaolaptrinh
A full-stack starter based on Laravel, Vue 3, Inertia.js, Tailwind CSS, and Filament, with a built-in SPA frontend and /admin panel, plus Fortify authentication and Pest testing.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-05View source
What stands out
A quick read of the recorded project description.
Filament admin panel mounted by default at /admin
Laravel Fortify provides login, registration, email verification, password reset, 2FA, and passkeys
Laravel Wayfinder generates type-safe routes; Spatie laravel-data with laravel-typescript-transformer automatically generates TypeScript types
Pest PHP testing framework, with Playwright browser testing support
Built-in Laravel Sail (Docker); commands run inside the container
Template Details
This is a Laravel starter template that places the frontend SPA and the admin panel in the same codebase. The frontend uses Vue 3, TypeScript, and Inertia.js, with Tailwind CSS v4 for styling and dark mode support; the backend uses a Filament panel, mounted by default at the /admin path. Authentication is provided by Laravel Fortify, covering login, registration, email verification, password reset, two-factor authentication (QR code and recovery codes), and passkeys. Routes generate TypeScript types via Laravel Wayfinder, and data objects use Spatie laravel-data with automatic type generation via laravel-typescript-transformer. Development and testing tools include Laravel Pail real-time logs, Laravel Boost, Pest PHP, and code quality tools such as Pint, Rector, Larastan, ESLint, and Prettier. The project includes Laravel Sail (Docker); commands run inside the Sail container, so no local PHP or Postgres installation is required. The installation entry point is composer setup, which sequentially installs dependencies, copies .env, generates the application key, migrates the database, installs frontend dependencies, and builds frontend assets.
VueLaravelAdmin panelStarter kit
Is it right for your project?
Use Cases
- Laravel projects that need both a Vue SPA frontend and a Filament admin panel
- Admin systems that want out-of-the-box Fortify authentication (including 2FA and passkeys)
- Full-stack development that prefers TypeScript type-safe routes and data objects
- Teams using Docker/Sail for a unified development environment and needing Pest testing and a code quality toolchain
Suitable For
- Developers building admin systems with Laravel and Vue
- Projects that need a SPA frontend and a Filament admin panel to coexist
- Frontend and backend teams that accept Docker/Sail as the development environment
- Laravel projects that need a starting configuration for Fortify authentication and Pest testing
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Requirements: PHP 8.5+, Composer 2.x, Node.js 20+ (using pnpm); Docker for Laravel Sail
- 2
After cloning the repository, run composer setup; the script installs dependencies, copies .env, generates the application key, runs migrations, installs frontend dependencies, and builds assets
- 3
Start the development environment: vendor/bin/sail up -d, then run vendor/bin/sail composer run dev
- 4
Access the app at http://localhost and the Filament panel at http://localhost/admin
- 5
Before committing, run vendor/bin/sail composer test to execute the test suite
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version available in a public repository under the MIT license; the free scope applies to that version's code and does not imply that external services or third-party assets are free.
Must comply with when using
- You may use, modify, commercially use, and distribute this version's code for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; the code's MIT license alone is not sufficient to determine this.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
- Using the Laravel Sail development environment requires Docker; the README states that all commands run inside the Sail container, so local development depends on Docker.
- The project runs by default via Laravel Sail (Docker), and the commands in the README are executed inside the Sail container, requiring a Docker environment.
- Frontend dependency installation and builds require Node.js 20+ and the pnpm package manager.
- Running the project requires PHP 8.5 or higher.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Docker | required for [Laravel Sail](https://laravel.com/docs/sail) |
Original README
> This project ships with **Laravel Sail** (Docker). All commands below run inside Sail — no local PHP/Postgres setup required.
Original README
Node.js | `20+` (with `pnpm`)
Original README
https://github.com/thaolaptrinh/laravel-viltf-starter-kit/blob/main/LICENSEhttps://github.com/thaolaptrinh/laravel-viltf-starter-kit/blob/main/README.mdPHP | `8.5+`
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-05. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 88 / 100
- Technologies
- Vue · Laravel
- Website type
- Admin dashboard · Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-09-17
- Screenshot last checked
- 2026-10-05
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Vue as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-05
Inspect the recorded source material
SHA-256: 687ac886daa9678299c906019bc06a4f1014d26a02cc0a28eef3d357bbb79197
2026-10-05T11:32:22.639Z
Source file / repository<a id="top"></a> # 🚀 Laravel VILTF Starter Kit <div align="center"> A modern, full-featured Laravel starter kit with **Vue 3**, **Inertia.js**, **Tailwind CSS**, and **Filament** — ready for building fullstack applications and admin dashboards. [](https://laravel.com) [](https://vuejs.org) [](https://inertiajs.com) [](https://tailwindcss.com) [](https://filamentphp.com) [](https://php.net) [](https://pestphp.com) [](LICENSE) [](https://github.com/thaolaptrinh/laravel-viltf-starter-kit/stargazers) [](https://github.com/thaolaptrinh/laravel-viltf-starter-kit/network/members) </div> --- ## ✨ What's Included - **Vue 3** + **TypeScript** + **Inertia.js v3** — Modern SPA-like experience with SSR support - **Tailwind CSS v4** — Utility-first styling with dark mode - **Filament v5** — Beautiful admin panel out of the box (mounted at `/admin`) - **Laravel Fortify** — Complete authentication: login, registration, email verification, password reset, **2FA** (QR + recovery codes), and **passkeys** - **Laravel Wayfinder** — Type-safe route generation for TypeScript - **Reka UI** — Beautiful, accessible headless Vue components - **@lucide/vue** + **VueUse** — Icon set and composable utilities - **Spatie laravel-data** + **laravel-typescript-transformer** — Typed data objects with automatic TypeScript type generation - **Laravel Pail** — Real-time log tailing during development - **Laravel Boost** — Development tooling and MCP server integration - **Pest PHP v4** — Modern testing framework with browser testing support (Playwright) - Code quality tools: **Pint**, **Rector**, **Larastan**, **ESLint**, **Prettier** (via [vite-plus](https://viteplus.dev)) --- ## 📋 Requirements | Tool | Version | | -------- | ---------------------------------------------------------- | | PHP | `8.5+` | | Composer | `2.x` | | Node.js | `20+` (with `pnpm`) | | Docker | required for [Laravel Sail](https://laravel.com/docs/sail) | > This project ships with **Laravel Sail** (Docker). All commands below run inside Sail — no local PHP/Postgres setup required. --- ## 📦 Installation ### Quick start ```bash git clone https://github.com/thaolaptrinh/laravel-viltf-starter-kit.git cd laravel-viltf-starter-kit composer setup ``` The `composer setup` script runs the full bootstrap for you: 1. `composer install` 2. Copies `.env.example` → `.env` 3. Generates the app key 4. Runs migrations 5. `pnpm install` 6. `pnpm run build` ### Start the dev environment ```bash vendor/bin/sail up -d # start Postgres + Redis + app vendor/bin/sail composer run dev ``` Then visit **http://localhost** (app) and **http://localhost/admin** (Filament panel). --- ## 📚 Documentation - [Laravel](https://laravel.com/docs) · [Inertia.js](https://inertiajs.com) · [Vue.js](https://vuejs.org/docs) - [Tailwind CSS v4](https://tailwindcss.com/docs) · [Filament](https://filamentphp.com/docs) · [Livewire](https://livewire.laravel.com/docs) - [Laravel Fortify](https://laravel.com/docs/fortify) · [Wayfinder](https://github.com/laravel/wayfinder) · [Laravel Boost](https://github.com/laravel/boost) - [Pest](https://pestphp.com) · [Reka UI](https://reka-ui.com) · [VueUse](https://vueuse.org) · [Rector](https://getrector.org/documentation) --- ## 🤝 Contributing Pull requests are welcome! Please ensure the test suite passes before submitting: ```bash vendor/bin/sail composer test ``` --- ## 📝 License Created by [@thaolaptrinh](https://github.com/thaolaptrinh) — released under the [MIT License](LICENSE). --- <div align="center"> **Built with ❤️ using Laravel, Vue, Inertia, Tailwind CSS, and Filament** ⭐ Star this repo if you find it helpful! [⬆ Back to Top](#top) </div>
Explore similar templates
Compare previews and descriptions within the same stack and category.
vuestic-admin
Vuestic Admin is an open-source Vue 3 admin template maintained by Epicmax, built on Vuestic UI with Vite, Pinia, and Tailwind CSS. It provides a ready-to-run dashboard with a dark theme, global configuration, i18n internationalization, and responsive layout.
Vue · Admin dashboard
vitesse
Vitesse is an opinionated Vite + Vue 3 starter template maintained by antfu-collective, offering file-based routing, component and API auto-import, Pinia, UnoCSS, PWA, i18n, Markdown, vite-ssg, TypeScript, Vitest, and Cypress.
Vue · Starter
v3-admin-vite
v3-admin-vite is an AI-friendly Vue3 admin template built on Vue3, Vite, TypeScript, and Element Plus. It keeps a lean structure with detailed comments, supports backend-controlled dynamic route permissions, page-level and button-level permissions, multiple themes and layouts, and mobile compatibility.
Vue · Admin dashboard
vue-typescript-admin-template
A Vue 2.6 + TypeScript + Element UI admin template ported from vue-element-admin, offering type safety and enterprise features like permission authentication, internationalization, dynamic themes, editors, charts, Excel/PDF handling, and PWA support.
Vue · Admin dashboard
vue-antd-admin
Vue Antd Admin is the Vue implementation of Ant Design Pro, providing an out-of-the-box front-end and design solution for admin dashboards.
Vue · Admin dashboard
coreui-free-vue-admin-template
CoreUI's official free Vue admin template, MIT licensed, built on Vue 3 and the CoreUI component library with Vue Router, Pinia, and Vite.
Vue · Admin dashboard