Laravel Vue SPA

Laravel Vue SPA

Features

• Laravel 7
• Vue + VueRouter + Vuex + VueI18n + ESlint
• Pages with dynamic import and custom layouts
• Login, register, email verification and password reset
• Authentication with JWT
• Socialite integration
• Bootstrap 4 + Font Awesome 5

Installation

• composer create-project --prefer-dist cretueusebiu/laravel-vue-spa
• Edit .env and set your database connection details
• (When installed via git clone or download, run php artisan key:generate and php artisan jwt:secret)
• php artisan migrate
• npm install

Register and Login

Register

• Go to http://register.localhost
• Input correct values(email, companyname, domainname)
• Register or register with google auth

Login

• Go to http://domainname.localhost
• Input correct information
• Login

localhost is main domain and it can be changed to hosting domain. register.localhost, domainname.localhost are the subdomains.

Usage

Development

# build and watch
npm run watch

# serve with hot reloading
npm run hot

Production

npm run production

Socialite

This project comes with GitHub as an example for Laravel Socialite.

To enable the provider create a new GitHub application and use https://example.com/api/oauth/github/callback as the Authorization callback URL.

Edit .env and set GITHUB_CLIENT_ID and GITHUB_CLIENT_SECRET with the keys form your GitHub application.

For other providers you may need to set the appropriate keys in config/services.php and redirect url in OAuthController.php.

Email Verification

To enable email verification make sure that your App\User model implements the Illuminate\Contracts\Auth\MustVerifyEmail contract.