Laravuetonic is a starter kits build of Laravel with user authentication and packed with responsive premium template from Metronic Themes by Keenthemes built on Bootstrap 4 and integrated with Vue.js
- Metronic Login and Dashboard
- Layout Configuration
- Menu Generator
- Email Registration
- Email Verification
- Password Recovery
- Password Confirmation
Note:
Currently using blade templating for login and dashboard layout, but you can use vue component into the dashboard content
- Metronic Dashboard: Demo-1
- Metronic Login: Classic Login-3
- Laravel 8.x
- Laravel Breeze
- Vue 2.x
- Metronic 7.x
- Bootstrap 4
- PHP 7.3.x +
- MySQL Database (can be changed)
- Composer 2.0.x +
- Node.js 12.16.x +
-
Run the following command
git clone https://github.com/rayasabari/laravuetonic.git laravuetonic
-
Create a MySQL database project
-
Move to root project directory
cd laravuetonic
-
Copy
.env
filecp .env.example .env
-
Configure your
.env
file. Make sure your database name and smtp mailer set up correctly... DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=yourdatabasename DB_USERNAME=root DB_PASSWORD= ...
Use mailtrap.io to safe email testing in development
... MAIL_MAILER=smtp MAIL_HOST=smtp.mailtrap.io MAIL_PORT=2525 MAIL_USERNAME=yourusername MAIL_PASSWORD=yourpassword MAIL_ENCRYPTION=null [email protected] MAIL_FROM_NAME="${APP_NAME}" ...
-
From root project directory, run the following commands
composer update
php artisan key:generate
php artisan artisan migrate
npm install
npm run dev
php artisan serve
-
Run in your browser
http:https://127.0.0.1:8000
-
Register account and enjoy!
Metronic theme has a large variety of layout styles and settings. You can visually test them all in layout builder section. It also implemented this comprehensive layout configuration.
Configuration file config/layout.php
has all the respective sections and their styling and positioning values.
By editing config values in file you will be able to set the theme layout to your needs by given possibility.
In case it doesn't affect the view, just run
php artisan config:cache
Theme menu elements are rich of features including link styling, icons, href properties and so on. Writing menu nodes by hand might get a little too overwhelming and messy. Hence, we have implemented an automatic menu generator which is configured from the menu config files and rendered in the menu section for you.
Menu config files file config/menu_aside.php
and config/menu_header.php
by default hold dummy data.
Conifg values and descriptions
Key | Description | Available values |
---|---|---|
title |
link title | string |
page |
link url | slug type i.e /my-blog |
new-tab |
defines if link opens in new tab | true, false |
root |
defines if link is at root level | true, false |
section |
section heading | string |
icon |
menu icon | Icon file link or class. I.e. SVG Icons or Flaticon |
bullet |
defines menu/submenu bullet style | line, dot |
submenu |
submenu node | array |
To assign the pages for verified user only, just add 'verified'
middleware on route in routes/web.php
Example:
Route::group(['middleware' => ['auth','verified']], function () {
Route::get('/dashboard', 'PagesController@index')->name('dashboard');
});
You must have a valid license purchased only from Themeforest in order to legally use the theme for your project. Purchase: http:https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
Happy coding with Metronic! :)