Vue Laravel SPA Boilerplate

Overview

The Vue.js + Laravel SPA Simple Boilerplate is a starter project that combines the Laravel framework with Vue.js to create a Single Page Application (SPA). Its purpose is to provide a quick start for new SPA projects by offering pre-configured routes and components structure.

Features

• Laravel 7 default project
• Vue.js boilerplate with Components: App, Navbar, Footer, Sidebar
• Three menu items using Vue Router: Homepage (dynamic data from API), About and Contact (both static texts)
• Laravel model Product with Migrations+Seeds, including an API call to retrieve all products using API Resource
• Front-end theme based on a simple Shop Homepage from Start Bootstrap

Installation

To use the Vue.js + Laravel SPA Simple Boilerplate, follow these steps:

1. Clone the repository with the command git clone.
2. Copy the .env.example file to .env and edit the database credentials in the .env file.
3. Run composer install to install the required dependencies.
4. Generate a new application key using php artisan key:generate.
5. Run php artisan migrate --seed to migrate the database and seed it with sample data.
6. Run npm install to install the necessary npm packages.
7. Finally, run npm run dev to build the assets.
8. Launch the main URL to access the application.

Summary

The Vue.js + Laravel SPA Simple Boilerplate provides a straightforward starting point for developing SPA projects using the Laravel and Vue.js frameworks. It includes pre-configured routes and components, as well as a basic front-end theme. The installation process is easy to follow, allowing developers to quickly set up a new SPA project.