Laravel SB Admin 2
Laravel 5.4 Package for integrating SB Admin 2 template and this package is Laravel Mix friendly. Currently this package can be integrated easily only on fresh installation., (*1)
Installation
composer require atnic/laravel-sb-admin-2
Add this line on config/app.php
, on providers
, (*2)
'providers' => [
...
Atnic\SBAdmin2\Providers\AppServiceProvider::class,
...
]
And then run,, (*3)
php artisan make:sb-admin-2
Let's see what we've install. First, make sure that you already ran php artisan migrate
command, then do, (*4)
php artisan serve
Viola! You've running a Laravel site using SB Admin 2., (*5)
For more information on command, (*6)
php artisan make:sb-admin-2 --help
Usage
This package provides view for auth and app. Take a look at resources/views/layouts/app.blade.php
., (*7)
In this file you can extends global section like menu., (*8)
To extends menu add this in app.blade.php
, (*9)
@section('sidebar-menu')
<ul class="nav" id="side-menu">
<li>
<a href="{{ route('home') }}" class="active"><i class="fa fa-home fa-fw"></i> Home</a>
</li>
</ul>
@endsection
This package give you free of choice to use any Laravel Package for Menu and Breadcrumb. We recommend spatie/laravel-menu or lavary/laravel-menu., (*10)
Any new created page should extends this view., (*11)
@extends('layouts.app')
// Your blade here
Configuration and Views Customization
Config
To publish this package config to your app config run, (*12)
php artisan vendor:publish --provider="Atnic\SBAdmin2\Providers\AppServiceProvider" --tag="config"
Views
To publish this package views so you can customize on your own run, (*13)
php artisan vendor:publish --provider="Atnic\SBAdmin2\Providers\AppServiceProvider" --tag="views"
Next Step
First of all, you should understand how to use Laravel Mix., (*14)
SB Admin 2 need some package on npm. First you need to run, (*15)
npm install
Install SB Admin 2 needed package from npm, (*16)
npm install --save-dev bootstrap-social datatables.net datatables.net-bs datatables.net-responsive datatables.net-responsive-bs font-awesome metismenu raphael morris.js startbootstrap-sb-admin-2
Run Laravel Mix command, (*17)
npm run development
or use production
minimize output, (*18)
npm run production
Then have a good look on these files
- webpack.mix.js
- resources/assets/js/sb-admin-2.js
- resources/assets/js/auth.js
- resources/assets/sass/sb-admin-2.scss
- resources/assets/sass/auth.scss
, (*19)
Happy experimenting!, (*20)