create-v-kit-spa

A simple way to start your vue-laravel-spa projects.

Create your project

npm create v-kit-spa@latest

Prerequisite

• Apache/Nginx
• Mysql
• Php
• Node

Reference Table (❗ PHP Version is Important ❗)

Mono Repo

frontend and backend are in a single folder, united via configuration.

Version & Type	Features	Prerequisite
vue 2 - laravel 8	runs in webpack, Development Ready	php v7.4 && node v18^
vue 3 - laravel 8	runs in webpack, Development Ready	php v7.4 && node v18^
vue 3 - laravel 9	runs in vite, Development Ready, Developer Friendly	php v8.0 && node v18^
vue 3 - laravel 10	runs in vite, Development Ready, Developer Friendly	php v8.1 && node v18^
vue 3 - laravel 11	runs in vite, Development Ready, Developer Friendly	php v8.2 - v8.3 && node v18^

/
└── Project folder/
    ├── *Laravel and Vue files are combined here*
    └── README.md

Installation

Vue 2 - Laravel 8

bundled and optimized in webpack 🕸️

Commands	Action
yarn install	Installs node dependencies
composer install	Installs composer dependencies
copy .env.example .env	Generates a .env file from an example
php artisan key:generate	Generates a key for .env file
npm run artisan-watch	Run both php artisan serve and yarn watch
http://127.0.0.1:8000/	Visit your app, Enjoy! 🎉🎉

Vue 3 - Laravel 8

bundled and optimized in webpack 🕸️

Commands	Action
yarn install	Installs node dependencies
composer install	Installs composer dependencies
copy .env.example .env	Generates a .env file from an example
php artisan key:generate	Generates a key for .env file
npm run artisan-watch	Run both php artisan serve and yarn watch
http://127.0.0.1:8081/	Visit your app, Enjoy! 🎉🎉

Vue 3 - Laravel 9

bundled and optimized in vite ⚡

Commands	Action
yarn install	Installs node dependencies
composer install	Installs composer dependencies
copy .env.example .env	Generates a .env file from an example
php artisan key:generate	Generates a key for .env file
npm run artisan-dev	Run both php artisan serve and yarn dev
http://127.0.0.1:8000/	Visit your app, Enjoy! 🎉🎉

Vue 3 - Laravel 10

bundled and optimized in vite ⚡

Commands	Action
yarn install	Installs node dependencies
composer install	Installs composer dependencies
copy .env.example .env	Generates a .env file from an example
php artisan key:generate	Generates a key for .env file
npm run artisan-dev	Run both php artisan serve and yarn dev
http://127.0.0.1:8000/	Visit your app, Enjoy! 🎉🎉

Vue 3 - Laravel 11

bundled and optimized in vite ⚡

Commands	Action
yarn install	Installs node dependencies
composer install	Installs composer dependencies
copy .env.example .env	Generates a .env file from an example
php artisan key:generate	Generates a key for .env file
php artisan migrate	Create a Sessions table
npm run artisan-dev	Run both php artisan serve and yarn dev
http://127.0.0.1:8000/	Visit your app, Enjoy! 🎉🎉
npm run build	Deploy! 🎉🎉

Docs

Read full docs here.

How to contribute

Have an idea? Found a bug? See how to contribute.

Contributors

Thanks to:

• RGienz for contributing and maintaining vuejs3 - laravel8 👏

License

Free and Open Source Under MIT License © 2024-PRESENT Shuashuaa