PHPackages imsus/laravel-inertia-vue-starter-kit - 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. imsus/laravel-inertia-vue-starter-kit ActiveProject[Framework](/categories/framework) imsus/laravel-inertia-vue-starter-kit ===================================== A Laravel starter kit with Inertia.js, Vue 3, and Vite+. 13[1 PRs](https://github.com/imsus/laravel-starter-kit/pulls)PHPCI failing Since Mar 18Pushed 1mo agoCompare [ Source](https://github.com/imsus/laravel-starter-kit)[ Packagist](https://packagist.org/packages/imsus/laravel-inertia-vue-starter-kit)[ RSS](/packages/imsus-laravel-inertia-vue-starter-kit/feed)WikiDiscussions main Synced 1w ago READMEChangelogDependenciesVersions (3)Used By (0) Laravel Inertia Vue Starter Kit =============================== [](#laravel-inertia-vue-starter-kit) A modern Laravel starter kit with Inertia, Vue 3, and an enhanced developer experience inspired by Nuxt. Tech Stack ---------- [](#tech-stack) - **PHP** 8.4+ with Laravel 13 - **Runtime**: Vite+ (pnpm wrapper) - **Frontend**: Vue 3 with Inertia v3 - **Styling**: Tailwind CSS 4 - **State Management**: VueUse - **Icons**: Lucide + Phosphor (auto-imported) - **Linting/Formatting**: Vite+ (oxlint + oxfmt) - **Type Safety**: TypeScript + Wayfinder Features -------- [](#features) ### Nuxt-like Developer Experience [](#nuxt-like-developer-experience) This starter kit brings Nuxt-like conveniences to Vue development: FeatureDescription**Auto-import Composables**Functions in `resources/js/composables/` are auto-imported**Auto-load Components**Components in `resources/js/components/` are auto-registered**Auto-load Icons**Any icon from Lucide/Phosphor is available as ``**Type-safe Routes**Wayfinder generates TypeScript functions from Laravel controllers### Code Examples [](#code-examples) **Composables (auto-imported)** ``` // useTheme() is auto-imported from resources/js/composables/ const { isDark, toggleDark } = useTheme(); const toggleDark = useToggle(isDark); ``` **Components (auto-registered)** ``` ``` **Icons (auto-imported)** ``` ``` **Wayfinder Routes (type-safe)** ``` import { show } from "@/actions/App/Http/Controllers/PostController"; // Type-safe routing const post = show(1); // { url: "/posts/1", method: "get" } ``` Getting Started --------------- [](#getting-started) ### Prerequisites [](#prerequisites) - PHP 8.4+ - Vite+ (run `npm install -g vite-plus`) - Composer ### Installation [](#installation) ``` # Install PHP dependencies composer install # Install JavaScript dependencies vp install # Start development servers vp dev ``` ### Available Commands [](#available-commands) CommandDescription`vp dev`Start Vite dev server`vp build`Build for production`vp build:ssr`Build for SSR`vp fmt`Format JS/TS/Vue`vp lint`Lint JS/TS/Vue`vp check`Format, lint & type check`composer lint`Lint PHP (mago)`composer format`Format PHP (mago)`php artisan test`Run Pest testsProject Structure ----------------- [](#project-structure) ``` / ├── app/ # Laravel application │ ├── Http/Controllers/ # Controllers (auto-discovered by Wayfinder) │ ├── Models/ # Eloquent models │ └── Providers/ # Service providers ├── bootstrap/ # Laravel bootstrap files ├── config/ # Configuration files ├── database/ # Migrations, factories, seeders ├── resources/ │ └── js/ │ ├── app.ts # Inertia app entry │ ├── ssr.ts # SSR entry point │ ├── components/ # Auto-registered Vue components │ ├── composables/ # Auto-imported Vue composables │ ├── lib/ # Utility libraries │ └── pages/ # Inertia pages ├── routes/ # Route definitions ├── storage/ # Storage files ├── tests/ # Pest tests ├── vite.config.ts # Vite configuration ├── tsconfig.json # TypeScript configuration └── mago.toml # Mago configuration ``` Configuration Files ------------------- [](#configuration-files) FilePurpose`vite.config.ts`Vite plugins (AutoImport, Components, Icons, Wayfinder)`tsconfig.json`TypeScript configuration with paths alias`mago.toml`Mago PHP linter/formatter rules`boost.json`Laravel Boost MCP configurationIcon Sets --------- [](#icon-sets) This starter kit includes two icon sets: - **Lucide** (`@iconify-json/lucide`) - Clean, modern icons - **Phosphor** (`@iconify-json/ph`) - Versatile icon family Usage: `` where Name is the icon identifier in kebab-case. Learn More ---------- [](#learn-more) - [Laravel Documentation](https://laravel.com/docs) - [Inertia.js Documentation](https://inertiajs.com) - [Vue 3 Documentation](https://vuejs.org) - [Tailwind CSS](https://tailwindcss.com) - [VueUse](https://vueuse.org) - [Mago Documentation](https://mago.carthage.software) - [Vite+ Documentation](https://viteplus.dev/guide/) ### Health Score 22 — LowBetter than 21% of packages Maintenance59 Moderate activity, may be stable Popularity5 Limited adoption so far Community6 Small or concentrated contributor base Maturity16 Early-stage or recently created project 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. ### Community Maintainers ![](https://www.gravatar.com/avatar/3524abb392631dcfd2d7d099ab825a202a50190706a1e1eeb392cac03dadde67?d=identicon)[imsus](/maintainers/imsus) --- Top Contributors [![imsus](https://avatars.githubusercontent.com/u/1058471?v=4)](https://github.com/imsus "imsus (58 commits)") --- Tags auto-importinertiajslaravelmagostarter-kitultracitevue ### Embed Badge ![Health badge](/badges/imsus-laravel-inertia-vue-starter-kit/health.svg) ``` [![Health](https://phpackages.com/badges/imsus-laravel-inertia-vue-starter-kit/health.svg)](https://phpackages.com/packages/imsus-laravel-inertia-vue-starter-kit) ``` ### Alternatives [nineinchnick/edatatables Grid widget for the Yii Framework, wrapper for the DataTables jQuery plugin 173.2k](/packages/nineinchnick-edatatables)[link-cloud/fast-hyperf LinkCloud Fast Hyperf 241.2k1](/packages/link-cloud-fast-hyperf) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)