laravel5.7-vue-cli3-boilerplate
laravel5.7-vue-cli3-boilerplate copied to clipboard
Boilerplate / Starter kit. Laravel 5.7, Vue CLI 3 — Authentication with Email Verification. REST API.
Boilerplate / Starter kit. Laravel 5.7, Vue CLI 3 SPA with Auth.
Features
- Laravel 5.7 Verification via API!
- Forgot password and Reset password
- Profile with user info
- Password change
- Auth through tymon/jwt-auth with refresh token functional
- Auth route middleware(guest, auth)
- Bootstrap 4
- vue-notifications (with iziToast) There is no attachment to a particular library!
- Vee-validate validation
- Package integrating axios in vue: vue-plugin-axios
Installation
-
git clone https://github.com/iliyaZelenko/laravel5.7-vue-cli3-boilerplate.git
-
composer install
- Copy
.env.example
to.env
and set your database connection details andFRONTEND_URL
,APP_URL
- Generate the Laravel app key:
php artisan key:generate
- To make the JWT authorization work:
php artisan jwt:secret
(it generatesJWT_SECRET
in.env
) - If you want mail verification to work, then configure
MAIL_USERNAME
andMAIL_PASSWORD
in.env
-
php artisan migrate:fresh --seed
make tables and users -
cd frontend
- Copy .env.example to
.env
and set yourVUE_APP_BACKEND
(backend url) -
yarn
ornpm install
Create an issue if you have questions, I will help.
Usage
Frontend is in the folder frontend, the following commands for this folder:
Compiles and hot-reloads for development
yarn serve // OR npm run install
For laravel server you can run php artisan serve
(in root directory)
Compiles and minifies for production
yarn build // OR npm run build
You can open your finished build via laravel SpaController!
The index file in app/resorces/views/index.blade.php
content is generated via vue!
Your css, js, img, etc... will be added to the app/public
folder!
Lints and fixes files
yarn lint // OR npm run lint
Run your unit tests
yarn test:unit // OR npm run test:unit
Run your end-to-end tests
yarn test:e2e // OR npm run test:e2e
Also i have vuetify and nuxt + vuetify version! Let me know if you are interested in this project.
TODO (support me with a star)
- i18n
- avatar
- select timezone and display date/time for user timezone
- socialite
- all users have public profile and own settings page
- unit and end-to-end tests