Skip to content

developerv2000/laravel-vue-fullstack

Repository files navigation

Laravel fullstack framework using Vue + Vuetify + Inertia + Inertia SSR + Vite. Tested on Laravel v12

Installation steps

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.

Development

Install packages and run development mode:

npm install npm run dev

Start laravel server:

php artisan serve

Production

Install packages and build assets:

npm install npm run build

Run Inertia server in the background:

php artisan inertia:start-ssr

About

Laravel + Vue + Inertia + Vuetify + SSR example

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published