Laravel fullstack framework using Vue + Vuetify + Inertia + Inertia SSR + Vite. Tested on Laravel v12
Install Laravel:
composer create-project laravel/laravel fullstack
Install Laravel Breeze:
composer require laravel/breeze --dev
php artisan breeze:install
Select Vue with Inertia stack!
Select Inertia SSR as optinal feature!
Install Vuetify and Material desingn icons (@mdi/js for perfomance):
npm install vuetify
npm install @mdi/js
Install SASS and create resources/css/main.scss file to modify Vuetify’s internal variables (optional):
npm install -D sass-loader sass
Install vite-plugin-vuetify
npm install vite-plugin-vuetify
Update vite.config.js, resources/app.js and resources/ssr.js files to properly handle Vuetify and SSR.
Install packages and run development mode:
npm install
npm run dev
Start laravel server:
php artisan serve
Install packages and build assets:
npm install
npm run build
Run Inertia server in the background:
php artisan inertia:start-ssr