? Laravel 8, Vue.js & Bootstrap 4 SPA Dashboard ?
An awesome SPA Admin Dashboard starter kit!
About The Project
laravel-vue-dashboard is a Single Page Application (SPA) dashboard
built with Laravel 8, Vue.js and Bootstrap 4 (SB Admin Template). Thanks to the combination of the power of Laravel and the speed of Vue.js it is an excellent full-stack starter kit for enterprise applications.
It’s a kit to start from scratch, not a Laravel package. It can help you to cut down your time by having an SPA dashboard with authentication system ready to use, taking advantage of Laravel Passport that uses the oauth2 authentication protocol.
The project provides sample pages, uses the routing system of Vue.js and Vuex for maintaining the application state. The code is structured in such a way to make it easy to modify and add new pages, components and APIs.
- Sigle page application (SPA)
- Laravel 8
- Vue.js + VueRouter (configured with auth restricted pages) + Vuex
- Login, register, email verification (optional) and resend, recovery password systems
- Ui with Bootstrap 4 and SB Admin Template
- Sample views to get started
- Easy to add new pages and routes
- Notification system
- Your machine needs to be ready for the latest Laravel and Node.js.
# Clone the project
git clone https://github.com/ramoncrisante/laravel-vue-dashboard.git
# Enter the project directory
# Copy env file and add your own database and mail credentials
cp .env.example .env
# Install dependency
# Generate app key
php artisan key:generate
# Migrate database
php artisan migrate
# Create encryption keys
php artisan passport:install
# Install dependency with NPM
npm run dev # or npm run watch
# Build on production
npm run production
# Serving application
php artisan serve
Email verification is optional and it’s disabled by default. To enable it, change the following parameter in the
To use email verification and reset password functionality is required to set up the email service. In order to successfully send emails, we need to provide
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature)
- Commit your Changes (
git commit -m 'Add some AmazingFeature')
- Push to the Branch (
git push origin feature/AmazingFeature)
- Open a Pull Request
Distributed under the MIT License. See LICENSE for more information. Basically, feel free to use and re-use any way you want.
Ramon Crisante – [email protected]
Project Link: https://github.com/ramoncrisante/laravel-vue-dashboard