Vue Starter Kit - v1.0.1
Installation
Requirements
- PHP 8.2 or higher
- Composer
- Node.js 20+ and npm
- A database (SQLite works out of the box for development)
Create a new project
composer create-project artisanpack-ui/vue-starter-kit your-project-name
cd your-project-name
The post-create-project-cmd chain runs automatically:
php artisan key:generate— setsAPP_KEYin.envphp artisan migrate— runs the initial migrationsphp artisan artisanpack:optional-packages-command— interactive prompt to install extras (see below)- A second
php artisan migrateto pick up any migrations published by the optional packages php artisan wayfinder:generate— generatesresources/js/{actions,routes}/for typed route helpers
Optional packages prompt
You'll be asked which optional ArtisanPack UI packages you want:
| Package | Purpose |
|---|---|
artisanpack-ui/cms-framework |
Content / page management primitives |
artisanpack-ui/code-style |
PHP_CodeSniffer ruleset |
artisanpack-ui/code-style-pint |
Laravel Pint configuration |
artisanpack-ui/icons |
Extensible icon registration |
artisanpack-ui/hooks |
WordPress-style actions and filters |
artisanpack-ui/media-library |
Media upload + image processing |
Then:
Would you like to use a modular Laravel structure?
Pick yes to install nwidart/laravel-modules and scaffold default Admin, Auth, and Users modules. See modular-structure.md.
You can re-run the prompt later: php artisan artisanpack:optional-packages-command.
Run the dev server
composer dev
Runs server, queue worker, log tailer (Pail), and the Vite dev server concurrently. Visit http://localhost:8000 (or your Herd URL).
To run with the SSR server:
composer dev:ssr
This builds the SSR bundle first and adds php artisan inertia:start-ssr to the concurrent processes.
Database setup
The project ships with DB_CONNECTION=mysql in .env.example. For local dev, switch to SQLite:
# .env
DB_CONNECTION=sqlite
DB_DATABASE=/absolute/path/to/database/database.sqlite
touch database/database.sqlite
php artisan migrate