Article | Nickgenom

SB Admin + Modifikasi

SB Admin is a free and open source MIT-licensed Bootstrap admin template. This template uses the default Bootstrap 4 style along with various plugins to create a powerful framework for creating admin panels, web apps, or dashboard UIs for your next project.

This Bootstrap 4-style SB Admin Template is published by Start Bootstrap. Start Bootstrap is an open source library of free Bootstrap templates and themes. All the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.

Original Source

This template has previously been published on the website Start Bootstrap

Licence

MIT - and created by David Miller.

Feature

SCSS based theme with built-in scripts for compiling Pug and CSS
Flexbox based layout with fixed and static navigation options
Switchable sidebar menu with intuitive toggle states
Custom panel styles
Interactive charts with the Chart.js plugin
Interactive tables with dataTables plugin
Login Page, Registration, Forgot Password, 404, and blank starter HTML

Main Technology (original)

bootstrap v.4.5.0
autoprefixer v.9.8.0
browser-sync v.2.26.7
chokidar v.3.4.0
concurrently v.5.2.0
postcss v.7.0.32
prettier v.2.0.5
pug v.3.0.0
sass v.1.26.8
shelljs v.0.8.4
upath v.1.2.0

Modification

Minify JS using Terser v4.8.0
Minify CSS using Less v3.11.3
Support source MAP JS (customized)
Support source MAP CSS (customized)
Optimization of .pug files
Optimizing .html files
Optimization of .css files
Optimizing .scss files
Optimization of .js files
Added node_modules folder
Install the latest Dependencies :
- bootstrap v.4.5.2
- autoprefixer v.10.0.1
- browser-sync v.2.26.12
- chokidar v.3.4.2
- concurrently v.5.3.0
- postcss v.8.1.1
- prettier v.2.1.2
- pug v.3.0.0
- sass v.1.26.12
- shellj v.^0.8.4
- upath v.1.2.0
Font Awesome 5.14.0

Updating CSS assets from :

<link href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />

Updating CSS assets to :

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous">

<link href="https://cdn.datatables.net/1.10.22/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous">

Updating JS assets from :

<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js" crossorigin="anonymous"></script>

<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>

<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js" crossorigin="anonymous"></script>

Updating JS assets to :

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>

```
<script src="js/scripts.js"></script>
```

<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js" integrity="sha512-YSdqvJoZr83hj76AIVdOcvLWYMWzy6sJyIMic2aQz5kh2bPTd9dzY3NtdeEAzPp/PhgZqr4aJObB3ym/vsItMg==" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" integrity="sha512-s+xg36jbIujB2S2VKfpGmlC3T5V2TF3lY48DX7u2r9XzGzgPsa6wTpOQA7J9iffvdeBN0q9tKzRxVxw1JviZPg==" crossorigin="anonymous"></script>

<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>

<script src="https://cdn.datatables.net/1.10.22/js/dataTables.bootstrap4.min.js" crossorigin="anonymous"></script>

CSS assets added to the head tag :

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />

JS assets added above the /body . tag :

<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>

Template Repair

No fix

Installation options

To use this template, you can use the source from Nickgenom by downloading this template, or select one of the following options :

Download the latest release directly at Start Bootstrap
Or, Install via npm:
```
npm i startbootstrap-sb-admin
```

Duplicate repo:

git clone https://github.com/StartBootstrap/startbootstrap-sb-admin.git

Fork, Clone, or Download on GitHub :https://github.com/StartBootstrap/startbootstrap-sb-admin

Running SB Admin modification template

It's very simple, all you need is this :

Open the browser that has been installed on your computer; Chrome, Mozilla Firefox and so on
Then, open the SB Admin project folder
Double click on the html file you want to open
Finished !!!.

GOOD LUCK. GOOD LUCK !