PHPackages yii2-extensions/app-inertia-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. yii2-extensions/app-inertia-vue ActiveProject[Framework](/categories/framework) yii2-extensions/app-inertia-vue =============================== Yii2 application template with Inertia.js and Vue 3 7111[1 PRs](https://github.com/yii2-extensions/app-inertia-vue/pulls)PHPCI passing Since Apr 17Pushed 1mo agoCompare [ Source](https://github.com/yii2-extensions/app-inertia-vue)[ Packagist](https://packagist.org/packages/yii2-extensions/app-inertia-vue)[ RSS](/packages/yii2-extensions-app-inertia-vue/feed)WikiDiscussions main Synced 1w ago READMEChangelogDependenciesVersions (3)Used By (0) ![Yii Framework](https://camo.githubusercontent.com/f390171a839a7620dea19acb5fc1fb87f9226e65910c577f99803347ce48336a/68747470733a2f2f7777772e7969696672616d65776f726b2e636f6d2f696d6167652f64657369676e2f6c6f676f2f796969335f66756c6c5f666f725f6c696768742e737667) Inertia.js + Vue 3 Application Template ======================================= [](#inertiajs--vue-3-application-template) [ ![Build](https://camo.githubusercontent.com/073bb63520ae7442cb0df452ba0477a527b1ec3314ca0928a9f8159b5438024f/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f796969322d657874656e73696f6e732f6170702d696e65727469612d7675652f6275696c642e796d6c3f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562266c6162656c3d4275696c64) ](https://github.com/yii2-extensions/app-inertia-vue/actions/workflows/build.yml) [ ![Codecov](https://camo.githubusercontent.com/bfe49824105006e60f6e1e182091e92fb6ca00b2acd0ded7797558cae4b7538c/68747470733a2f2f696d672e736869656c64732e696f2f636f6465636f762f632f6769746875622f796969322d657874656e73696f6e732f6170702d696e65727469612d7675652e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d636f6465636f76266c6f676f436f6c6f723d7768697465266c6162656c3d436f6465636f76) ](https://codecov.io/gh/yii2-extensions/app-inertia-vue) [ ![PHPStan](https://camo.githubusercontent.com/e1c469e674616a718fbe9370d5cef01aba3320fa5e0d56537aed3749a2d22c0c/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f796969322d657874656e73696f6e732f6170702d696e65727469612d7675652f7374617469632e796d6c3f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562266c6162656c3d5048505374616e) ](https://github.com/yii2-extensions/app-inertia-vue/actions/workflows/static.yml) **Skeleton [Yii2](https://github.com/yiisoft/yii2/tree/22.0) application with Inertia.js + Vue 3 integration** *Server-driven SPA with Tailwind CSS v4, Flowbite, dark mode, Cloudflare Turnstile, and Codeception tests* Use the **"Use this template"** button on GitHub to create your own repository from this template. Features -------- [](#features) ![Feature Overview](./docs/svgs/features.svg) ![Inertia.js + Vue 3 Application Template](docs/images/home-light.png) ![User Directory with Flowbite Table](docs/images/users-light.png)Quick start ----------- [](#quick-start) ``` # create a new Yii2 application using the Inertia.js + Vue 3 template composer create-project --prefer-dist yii2-extensions/app-inertia-vue:^0.1@dev app-vue # navigate to the application directory cd app-vue # run database migrations ./yii migrate/up # build production assets (one-shot; for live editing see the HMR workflow below) npm run build # start the development server ./yii serve ``` Development workflow with HMR ----------------------------- [](#development-workflow-with-hmr) `npm run build` produces production assets once and exits. To edit `.vue` files and see changes in the browser without rebuilding, run two processes side by side: ``` # Terminal 1 โ€” Vite dev server (HMR for .vue and Tailwind CSS) npm run dev # Terminal 2 โ€” Yii2 in dev mode YII_ENV=dev ./yii serve ``` How the pieces connect: - `public/index.php` reads the `YII_ENV` environment variable. When it equals `dev`, `inertiaVue.devMode` evaluates to `true` in `config/web.php`, and the root view emits `` tags pointing at `http://localhost:5173` instead of the built manifest. - Vue HMR is carried natively by `@vite/client` together with `@vitejs/plugin-vue`; no additional preamble is required. - Before deploying, stop the Vite dev server, run `npm run build`, unset `YII_ENV` (or set it to `prod`), and serve `public/`. Production mode reads hashed assets from `public/build/` via the Vite manifest. For CORS guidance on non-localhost setups (Docker, tunnels, reverse proxies), troubleshooting, and the full production-switch procedure, see the adapter's [Development Notes](https://github.com/yii2-extensions/inertia-vue/blob/main/docs/development.md). Docker ------ [](#docker) [![Apache](https://camo.githubusercontent.com/95db76688b23ff10ab37aec5db3ed6f31672fde7896d30410668b9cae3ed34e9/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f796969322d657874656e73696f6e732f6170702d696e65727469612d7675652f646f636b65722e796d6c3f7374796c653d666f722d7468652d6261646765266c6f676f3d617061636865266c6162656c3d417061636865)](https://github.com/yii2-extensions/app-inertia-vue/actions/workflows/docker.yml) ``` docker compose up -d ``` Documentation ------------- [](#documentation) - ๐Ÿ“š [Installation Guide](docs/installation.md) - โš™๏ธ [Configuration Reference](docs/configuration.md) - ๐Ÿ’ก [Usage Examples](docs/examples.md) - ๐Ÿงช [Testing Guide](docs/testing.md) Package information ------------------- [](#package-information) [![PHP](https://camo.githubusercontent.com/f04357fef9ebcd99ed76d5414552bcd1ce849df0ee1d4faf8e991f54c966d508/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f253345253344382e332d3737374242342e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d706870266c6f676f436f6c6f723d7768697465)](https://www.php.net/releases/8.3/en.php)[![Yii 22.0.x](https://camo.githubusercontent.com/6419cb138fb08a8fcb971e8e780bed42fdb74f683a39b22ca0cd2059f246ce43/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f32322e302e782d3030373341412e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d796969266c6f676f436f6c6f723d7768697465)](https://github.com/yiisoft/yii2/tree/22.0)[![Latest Stable Version](https://camo.githubusercontent.com/dee8b0bc4337a4a28adf494fd93f4f31162ec108c9b0ec83742ca7b1d9a99c49/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f796969322d657874656e73696f6e732f6170702d696e65727469612d7675652e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465266c6162656c3d537461626c65)](https://packagist.org/packages/yii2-extensions/app-inertia-vue)[![Total Downloads](https://camo.githubusercontent.com/e9f3a9f074e77bc08127380896b16d432004e83935c8de78adf68520cb2e32f9/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f796969322d657874656e73696f6e732f6170702d696e65727469612d7675652e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d636f6d706f736572266c6f676f436f6c6f723d7768697465266c6162656c3d446f776e6c6f616473)](https://packagist.org/packages/yii2-extensions/app-inertia-vue) Quality code ------------ [](#quality-code) [![PHPStan Level Max](https://camo.githubusercontent.com/b1aeb44257ce46737d1787123b534aab9dded28219f828e4ae13a1e3b460f53c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048505374616e2d4c6576656c2532304d61782d3446354439352e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562266c6f676f436f6c6f723d7768697465)](https://github.com/yii2-extensions/app-inertia-vue/actions/workflows/static.yml)[![Super-Linter](https://camo.githubusercontent.com/cfa3f15c521c29eb58d196104d606d8aa9a96e93e728983e2b9ddb293352457c/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f796969322d657874656e73696f6e732f6170702d696e65727469612d7675652f6c696e7465722e796d6c3f7374796c653d666f722d7468652d6261646765266c6162656c3d53757065722d4c696e746572266c6f676f3d676974687562)](https://github.com/yii2-extensions/app-inertia-vue/actions/workflows/linter.yml)[![StyleCI](https://camo.githubusercontent.com/2e44ba381d6c9ab95b548566772bd17337dc56f8a6a646974bf7277720e5be9d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5374796c6543492d5061737365642d3434434331312e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562266c6f676f436f6c6f723d7768697465)](https://github.styleci.io/repos/1196250859?branch=main) Our social networks ------------------- [](#our-social-networks) [![Follow on X](https://camo.githubusercontent.com/332c1b1e043dfb940b95825f7863dc473f6924ddacdd6738cbbbba08f49e1862/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d466f6c6c6f772532306f6e253230582d3144413146322e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d78266c6f676f436f6c6f723d7768697465266c6162656c436f6c6f723d303030303030)](https://x.com/Terabytesoftw) License ------- [](#license) [![License](https://camo.githubusercontent.com/680c8d62ba2d5a71d7099b6e81114fb0b22d99086c121fd178e1149afc669d44/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4253442d2d332d2d436c617573652d627269676874677265656e2e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d6f70656e736f75726365696e6974696174697665266c6f676f436f6c6f723d7768697465266c6162656c436f6c6f723d353535353535)](LICENSE) ### Health Score 24 โ€” LowBetter than 31% of packages Maintenance61 Regular maintenance activity Popularity12 Limited adoption so far Community7 Small or concentrated contributor base Maturity15 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/524d2b46690f41fce7188d369488a35e7624e6c5a264d82aacd08548bfd156ab?d=identicon)[terabytesoftw](/maintainers/terabytesoftw) --- Top Contributors [![terabytesoftw](https://avatars.githubusercontent.com/u/42547589?v=4)](https://github.com/terabytesoftw "terabytesoftw (20 commits)") --- Tags flowbiteinertiainertiajsphpsingle-page-applicationsspatailwindcssvitevuevue3yii2 ### Embed Badge ![Health badge](/badges/yii2-extensions-app-inertia-vue/health.svg) ``` [![Health](https://phpackages.com/badges/yii2-extensions-app-inertia-vue/health.svg)](https://phpackages.com/packages/yii2-extensions-app-inertia-vue) ``` ### Alternatives [laravel/socialite Laravel wrapper around OAuth 1 & OAuth 2 libraries. 5.7k104.3M822](/packages/laravel-socialite)[laravel/dusk Laravel Dusk provides simple end-to-end testing and browser automation. 1.9k38.6M289](/packages/laravel-dusk)[pinguo/php-msf Pinguo Micro Service Framework For PHP 1.7k4.2k](/packages/pinguo-php-msf)[nineinchnick/edatatables Grid widget for the Yii Framework, wrapper for the DataTables jQuery plugin 173.2k](/packages/nineinchnick-edatatables) PHPackages ยฉ 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)