PHPackages softpulze/laravibe-vue - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Framework](/categories/framework) 4. / 5. softpulze/laravibe-vue ActiveProject[Framework](/categories/framework) softpulze/laravibe-vue ====================== Open-source Laravel + Vue 3 starter kit with Inertia, Vite, Tailwind CSS, Shadcn Vue, and reusable utilities—optimized for clean structure and fast development. Build your app, skip the boilerplate. v0.1.1(2mo ago)26MITPHPPHP ^8.4 Since Sep 2Pushed 2w agoCompare [ Source](https://github.com/softpulze/laravibe-vue)[ Packagist](https://packagist.org/packages/softpulze/laravibe-vue)[ RSS](/packages/softpulze-laravibe-vue/feed)WikiDiscussions main Synced today READMEChangelog (5)Dependencies (33)Versions (7)Used By (0) LaraVibe-Vue ============ [](#laravibe-vue) **A modern Laravel + Inertia.js + Vue 3 starter kit — skip the boilerplate, build your app.** [![PHP](https://camo.githubusercontent.com/6aba2f39404d8f43f8e7d11c46811ad7d1392045ba0eb8a9a274c6cd5762031d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e342d3737374242343f7374796c653d666c61742d737175617265266c6f676f3d706870)](https://php.net)[![Laravel](https://camo.githubusercontent.com/11583b1dad4e1d5e2c97ae65d975a783f19d54c797e56de17e0847874e13fc32/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d31332d4646324432303f7374796c653d666c61742d737175617265266c6f676f3d6c61726176656c)](https://laravel.com)[![Vue](https://camo.githubusercontent.com/0e0f089fc48b85d876851ffd15132f2608b5eaa5653c3f3be8f891a39229d51a/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5675652d332d3446433038443f7374796c653d666c61742d737175617265266c6f676f3d7675652e6a73)](https://vuejs.org)[![Inertia](https://camo.githubusercontent.com/984a4f692dcf9752f45eac1306f25f50dcbf6befdada7657be87d71ec6ebc7a8/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f496e65727469612e6a732d332d3935353345393f7374796c653d666c61742d737175617265)](https://inertiajs.com)[![Tailwind CSS](https://camo.githubusercontent.com/8c8d6ad56793096f70f5a69abbdc5f7aed633451f44288304e70b008fd821b3a/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5461696c77696e642d342d3036423644343f7374796c653d666c61742d737175617265266c6f676f3d7461696c77696e64637373)](https://tailwindcss.com)[![License](https://camo.githubusercontent.com/427155a7be6d530420b00e00668cde9fe094d51abbb055ab277de1435cd186a8/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d627269676874677265656e3f7374796c653d666c61742d737175617265)](LICENSE) --- Introduction ------------ [](#introduction) LaraVibe-Vue is an open-source starter kit that combines the backend power of **Laravel 13** with a fully typed **Vue 3** frontend via **Inertia.js v3** — giving you a modern SPA feel without sacrificing the simplicity of classic server-side routing and controllers. Out of the box you get authentication, account management, an administration area, SSR support, type-safe route helpers, and a curated set of developer tooling — all wired together and ready to go. --- Tech Stack ---------- [](#tech-stack) Every package in this stack was chosen deliberately. Nothing is here for show — each one earns its place by solving a real problem well. ### Core [](#core) The backbone. These three working together is what makes LaraVibe-Vue feel different from a traditional Laravel app or a standalone SPA. PackageVersionWhy it's here[Laravel](https://laravel.com)13The application framework — routing, ORM, auth, jobs, mail, and everything in between[Inertia.js](https://inertiajs.com)3The bridge — write server-side controllers, get a full SPA on the frontend, no API required[Vue 3](https://vuejs.org)3Reactive UI with the Composition API — clean, typed, and a joy to work in### Frontend [](#frontend) PackageVersionWhy it's here[Tailwind CSS](https://tailwindcss.com)4Utility-first styling — design directly in your markup, no context switching[Reka UI](https://reka-ui.com)2Headless, accessible UI primitives — the foundation for the bundled shadcn-vue components[VueUse](https://vueuse.org)12Hundreds of battle-tested Vue composables so you don't write them from scratch[TypeScript](https://www.typescriptlang.org)5End-to-end type safety across your entire frontend codebase[Vite](https://vitejs.dev)8Instant HMR, fast builds, and the plugin that powers Wayfinder auto-generation[Lucide Vue](https://lucide.dev)latestClean, consistent icon library with tree-shaking out of the box[vue-sonner](https://vue-sonner.vercel.app)2The Vue renderer behind the built-in toast notification system### Developer Experience & Tooling [](#developer-experience--tooling) PackageVersionWhy it's here[Laravel Wayfinder](https://github.com/laravel/wayfinder)0.xAuto-generates TypeScript route functions from your PHP controllers — no hardcoded URLs, ever[Pest](https://pestphp.com)4The most expressive PHP testing framework available today[Larastan](https://github.com/larastan/larastan)3PHPStan tuned for Laravel — catches type errors and N+1 risks before they ship[Laravel Pint](https://laravel.com/docs/pint)1Opinionated PHP formatter — your code style is decided, consistently, forever[Rector](https://getrector.com)2Automated PHP refactoring and upgrade rules — future-proofs your codebase[ESLint](https://eslint.org)9Flat-config linting for TypeScript and Vue with auto-fix[Prettier](https://prettier.io)3Frontend formatting — `.vue`, `.ts`, and everything else, consistent every time[Laravel Pail](https://github.com/laravel/pail)1Real-time log tailing right in your terminal — no more `tail -f storage/logs/laravel.log`[Laravel Sail](https://laravel.com/docs/sail)1Docker environment for teams that prefer containers over local installs--- Features -------- [](#features) LaraVibe-Vue isn't just a scaffold — it's a carefully assembled foundation that solves the boring problems so you can focus on what makes your product unique. ### For Your Users [](#for-your-users) #### 🔐 Authentication — Complete, Out of the Box [](#-authentication--complete-out-of-the-box) Full auth flows, ready on day one. No extra packages, no wiring up forms manually. - **Registration & login** with email/password - **Password reset** via email — the full flow, already working - **Email verification** — prompt users to verify before accessing protected areas - **Confirmable password (sudo mode)** — re-prompt for the password before sensitive operations like deleting an account or changing security settings #### 👤 Account Management — The Pages Users Expect [](#-account-management--the-pages-users-expect) Users expect to manage their own profile. LaraVibe-Vue ships those pages pre-built so you don't have to. - **Profile** — update name and email address, with email re-verification on change - **Security** — change password with current-password confirmation - **Appearance** — light, dark, and system theme switcher that persists across sessions #### 🛡️ Administration Area — Protected and Ready to Extend [](#️-administration-area--protected-and-ready-to-extend) A dedicated `/administration` section, guarded by middleware, with a dashboard page waiting for your content. Add your admin features without worrying about route structure or access control from scratch. --- ### For Developers [](#for-developers) #### 🤖 AI-Ready from Day One [](#-ai-ready-from-day-one) LaraVibe-Vue is ship with **Laravel Boost** integration, providing AI agents with complete codebase context — schema inspection, database queries, real-time error logs, and semantic documentation search. Pre-configured for **GitHub Copilot and OpenAI agents**, it ships with agent scaffolding that understands your entire stack instantly. The structured conventions, documented architecture, and included `AGENTS.md` file mean AI agents can read, understand, and contribute confidently alongside your team. When you need to regenerate or customize agent configuration, the Laravel Boost command rebuilds your setup with full context — no manual wiring required. #### 🛠️ Developer Tooling — Full Power, Zero Configuration [](#️-developer-tooling--full-power-zero-configuration) Most starter kits leave you to wire up your own code quality tools. LaraVibe-Vue ships with a **complete, pre-configured professional toolchain** — the same setup senior engineers spend days assembling on real projects, ready to go from your very first commit. ToolWhat it does**Pest 4**Expressive, readable PHP tests — the best testing experience in the Laravel ecosystem**Larastan (PHPStan lv9)**Catches bugs before they reach production — static analysis tuned for Laravel**Laravel Pint**Zero-config PHP code formatter — your code always looks clean, always**Rector**Automated PHP refactoring and upgrades — keeps your codebase modern without manual effort**ESLint 9**Lints your TypeScript and Vue files with a flat config that just works**Prettier 3**Frontend formatting on save — consistent style across every `.vue` and `.ts` fileEverything is wired into composer scripts so the whole team uses the same workflow. One command before you push — `composer review` — and you know your code is clean, typed, formatted, and tested. No arguments, no setup, no excuses. > New team member? They get the full toolchain the moment they clone the repo. Senior dev? Nothing to configure. It's already right. #### ⚡ Type-Safe Routing with Laravel Wayfinder [](#-type-safe-routing-with-laravel-wayfinder) Tired of hardcoded URLs breaking silently? **Wayfinder auto-generates fully-typed TypeScript functions** for every controller action and named route — straight from your PHP code into your Vue components. It runs automatically during `composer dev` and `npm run build`, so your frontend and backend are always in sync. ``` My Account ``` #### 🖥️ SSR Out of the Box [](#️-ssr-out-of-the-box) Server-side rendering is configured and ready. Powered by `@inertiajs/vite` in cluster mode, your app serves fast initial HTML to every visitor — great for SEO and perceived performance — without any extra setup on your part. #### 🎨 shadcn-vue UI Components [](#-shadcn-vue-ui-components) Pre-configured via `components.json` with **Reka UI** as the headless base. Beautiful, accessible, unstyled-by-default components you can drop in and style with Tailwind. Add new components with a single command: ``` npx shadcn-vue@latest add button ``` #### 🍞 Toast Notifications — Architected, Not Hacked In [](#-toast-notifications--architected-not-hacked-in) The toast system is a first-class citizen, not an afterthought. It has its own service layer, typed DTOs, and a Vue renderer that handles every case. Trigger toasts from anywhere on the backend with a single helper: ``` toastSuccess('Profile updated.'); toastError('Something went wrong.'); ``` See [app/Toast/README.md](app/Toast/README.md) for the full architecture and usage guide. #### 🔑 Auth Composable — No Prop Drilling [](#-auth-composable--no-prop-drilling) Access the authenticated user anywhere in Vue without passing props down the tree. The `useAuth` composable gives you everything you need: ``` const { user, isAuthenticated, can, requireUser } = useAuth() ``` - `user` — the current user or `null` for guests - `requireUser()` — non-null user on protected pages, no optional-chaining noise - `can('publishPost')` — UI gating backed by real server-side ability checks - `isAuthenticated` — boolean flag for conditional rendering See [resources/composables/README.md](resources/composables/README.md) for the full guide. #### 🧱 Structured Architecture You'll Actually Enjoy [](#-structured-architecture-youll-actually-enjoy) Every part of the app has a clear home and a convention to follow — documented with READMEs so your whole team stays consistent: LayerPurposeDocs**Actions**Single-responsibility business operations[README](app/Actions/README.md)**DTOs**Typed data transfer objects (`PageMeta`, `BreadCrumb`)[README](app/DTOs/README.md)**Enums**Backed enums with shared behavior[README](app/Enums/README.md)**HTTP Resources**Eloquent serialization for API & Inertia[README](app/Http/Resources/README.md)**Support**Framework utilities and helpers[README](app/Support/README.md)**Toast**Self-contained notification system[README](app/Toast/README.md)### Project Structure [](#project-structure) ``` app/ ├── Actions/ # Single-responsibility action classes ├── DTOs/ # Typed data transfer objects (PageMeta, BreadCrumb) ├── Enums/ # Backed enums + shared enum concerns ├── Http/ │ ├── Controllers/ # Auth & Account controllers │ ├── Middleware/ # Custom middleware │ ├── Requests/ # Form request validation │ └── Resources/ # Eloquent API resources and shared concerns ├── Models/ # Eloquent models ├── Support/ # Framework support utilities ├── Toast/ # Self-contained toast notification system └── Traits/ # Reusable compatibility traits resources/ ├── components/ # Shared Vue components & shadcn-vue UI ├── composables/ # Vue composables (useAuth, useAppearance, …) ├── layouts/ # Page layouts (Account, Auth, Guest, Administration) ├── views/ # Inertia pages (auth/, account/, administration/) ├── wayfinder/ # Auto-generated Wayfinder route/action files └── app.ts # Frontend entry point ``` --- Requirements ------------ [](#requirements) - PHP **8.4+** - Composer - Node.js **20+** & npm - SQLite / MySQL / PostgreSQL --- Installation ------------ [](#installation) ### 1. Create the project [](#1-create-the-project) If you have the [Laravel CLI installer](https://laravel.com/docs/installation#the-laravel-installer) installed, this is the fastest way to get started: ``` laravel new my-app --using=softpulze/laravibe-vue cd my-app ``` Prefer Composer? This works equally well: ``` composer create-project softpulze/laravibe-vue my-app cd my-app ``` Or clone the repository directly: ``` git clone https://github.com/softpulze/laravibe-vue.git my-app cd my-app cp .env.example .env composer install php artisan key:generate ``` ### 2. Configure your environment [](#2-configure-your-environment) Edit `.env` and set your database connection (SQLite is the default): ``` DB_CONNECTION=sqlite # DB_CONNECTION=mysql # DB_HOST=127.0.0.1 # DB_DATABASE=laravibe # DB_USERNAME=root # DB_PASSWORD= ``` Set your application URL and mail settings as needed. ### 3. Run migrations [](#3-run-migrations) ``` php artisan migrate ``` ### 4. Install frontend dependencies [](#4-install-frontend-dependencies) ``` npm install ``` ### 5. Start the development server [](#5-start-the-development-server) ``` composer dev ``` This starts Vite, queue listener, and Pail log watcher concurrently. If you are using Laravel Herd, open your local Herd URL (for example: `https://my-app.test`). If you are not using Herd, run `php artisan serve` in another terminal. --- Available Scripts ----------------- [](#available-scripts) Everything you need for your daily workflow is a single command away. No need to remember a chain of tools, flags, or file paths — just use the script that matches what you're doing right now. ### Starting development [](#starting-development) ``` composer dev ``` This is the only command you'll need to kick off your day. It starts the **Vite dev server**, a **queue listener**, and **Pail log watcher** — all at once, in a single terminal. Open your browser and start building. > If you're on Laravel Herd, your site is already available at `https://my-app.test` — no extra server command needed. ### Running tests [](#running-tests) ``` composer test # Run the full test suite composer test:coverage # Run with coverage report ``` Or go straight to Pest: ``` composer pest # Pest with compact output composer pest:coverage # Pest with coverage ``` ### Keeping code clean [](#keeping-code-clean) You shouldn't have to think about formatting or style — these scripts handle it for you: ``` composer format # Format PHP (Pint) + frontend (Prettier) in one go composer format:check # Check formatting without writing any changes composer lint # Auto-fix PHP (Rector) + JS/TS (ESLint) issues composer lint:check # Check for lint issues without fixing ``` Need to target one tool specifically? ``` composer pint # Format PHP code with Laravel Pint composer pint:check # Check PHP formatting only composer phpstan # Run Larastan static analysis composer rector # Apply Rector refactoring composer rector:check # Preview Rector changes without applying composer eslint # Run ESLint with auto-fix composer eslint:check # Run ESLint without fixing ``` ### Pre-commit / CI review [](#pre-commit--ci-review) Before pushing or opening a PR, run the full quality check in one command: ``` composer review ``` This runs **lint checks**, **format checks**, **tests**, and **static analysis** — everything that matters, in one pass. If it passes locally, it'll pass in CI. ### Building for production [](#building-for-production) ``` composer build # Build frontend assets composer build:ssr # Build frontend + SSR bundle (recommended for production) ``` Or use npm directly if you prefer: ``` npm run build npm run build:ssr ``` ### Keeping dependencies fresh [](#keeping-dependencies-fresh) ``` composer deps:update # Update both Composer and npm packages together composer update:composer # Update Composer packages only composer update:npm # Update npm packages only ``` ### Miscellaneous [](#miscellaneous) ``` composer logs:delete # Wipe log files from storage/logs ``` --- Using Laravel Wayfinder ----------------------- [](#using-laravel-wayfinder) Wayfinder is integrated with Vite and **auto-generates** typed TypeScript helpers for all your controllers and named routes whenever you run `composer dev` or `npm run build` — no manual step required. Import and use them in your Vue components: ``` import { AccountController } from '@/actions/Account/AccountController' import { route } from '@/routes/web' ``` ``` Account ``` For the full API and advanced usage, refer to the [official Wayfinder documentation](https://github.com/laravel/wayfinder). --- Testing & Code Quality -------------------------- [](#testing--code-quality) Run the full test suite: ``` composer test ``` Filter to a specific test: ``` php artisan test --compact --filter=AccountController ``` Run the full quality review before pushing: ``` composer review ``` See [Available Scripts](#available-scripts) for the complete list of individual tool commands. --- Docker (Laravel Sail) --------------------- [](#docker-laravel-sail) If you prefer Docker, Laravel Sail is included: ``` ./vendor/bin/sail up -d ./vendor/bin/sail artisan migrate ./vendor/bin/sail npm run dev ``` --- Deployment ---------- [](#deployment) LaraVibe-Vue can be deployed to any environment that supports PHP 8.4. For the fastest path to production, use [Laravel Cloud](https://cloud.laravel.com/). Before deploying, build your frontend assets and run: ``` composer build:ssr # build frontend + SSR bundle php artisan config:cache php artisan route:cache php artisan view:cache ``` --- Contributing ------------ [](#contributing) Contributions are welcome. If you find a bug, have a feature idea, or want to improve the documentation — please open an issue or pull request on GitHub. 1. Fork the repository 2. Create a feature branch: `git checkout -b feature/my-feature` 3. Make your changes and run `composer review` to ensure everything passes 4. Push and open a pull request with a clear description of what changed and why --- License ------- [](#license) LaraVibe-Vue is open-sourced software licensed under the [MIT license](LICENSE). ### Health Score 41 — FairBetter than 87% of packages Maintenance93 Actively maintained with recent releases Popularity7 Limited adoption so far Community6 Small or concentrated contributor base Maturity48 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~61 days Total 5 Last Release 60d ago PHP version history (2 changes)v0.0.0PHP ^8.2 v0.1.0PHP ^8.4 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/55571706?v=4)[Ashok](/maintainers/ashokbaruaakas)[@ashokbaruaakas](https://github.com/ashokbaruaakas) --- Top Contributors [![ashokbaruaakas](https://avatars.githubusercontent.com/u/55571706?v=4)](https://github.com/ashokbaruaakas "ashokbaruaakas (167 commits)") --- Tags phplaravelinertiastarter-kitvueopen-sourcelaravibe ### Code Quality TestsPest Static AnalysisPHPStan, Rector Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/softpulze-laravibe-vue/health.svg) ``` [![Health](https://phpackages.com/badges/softpulze-laravibe-vue/health.svg)](https://phpackages.com/packages/softpulze-laravibe-vue) ``` ### Alternatives [code16/sharp Laravel Content Management Framework 79164.7k8](/packages/code16-sharp)[unopim/unopim UnoPim Laravel PIM 10.5k2.4k](/packages/unopim-unopim)[codewithdennis/larament Larament is a time-saving starter kit to quickly launch Laravel 13.x projects. It includes FilamentPHP 5.x pre-installed and configured, along with additional tools and features to streamline your development workflow. 3991.8k](/packages/codewithdennis-larament)[nunomaduro/laravel-starter-kit-inertia-react The skeleton application for the Laravel framework. 2071.1k](/packages/nunomaduro-laravel-starter-kit-inertia-react) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)