Menerapkan Template Core UI dengan Framework Laravel

Salah satu kemudahan menggunakan framework atau library yang sedang naik daun, adalah dukungan yang banyak ditemukan di Internet. Begitu pula dengan Laravel, tidak sulit menemukan tutorial, kursus atau sumber daya lainnya baik dalam bentuk artikel maupun video yang membahas framework ini. Keuntungan lainnya adalah banyak ditemukan library lain yang sudah disesuaikan dengan framework Laravel ini, silakan search pada Github, banyak bertebaran package yang bisa digabungkan dengan framework Laravel

Bootstrap, sebagai CSS Framework yang juga banyak dipakai di dunia pengembangan web, juga memiliki banyak sekali varian theme dan template hasil pengembangan para developer, mulai yang gratis hingga berbayar. Salah satu template berbasis Bootstrap yang memiliki tampilan dan komponen yang menarik adalah Core UI. Core UI ini memiliki varian Free (Gratis dengan batasan tertentu) dan PRO (Berbayar dengan fitur penuh).Kali ini, saya akan coba menuliskan cara menerapkan template Core UI dengan Framework Laravel. Project ini menggunakan instalasi project baru, tidak menggunakan project Laravel yang sudah ada

Core UI sebenarnya sudah membuat repo yang berisi biolerplate dari template ini dan laravel, kita tinggal melakukan cloning dari repo tersebut dengan perintah

$ git clone https://github.com/coreui/coreui-free-laravel-admin-template.git my-project

Selanjutnya masuk ke direktori dengan perintah

$ cd my-project

Dalam direktori project, lakukan instalasi dependensi dengan composer dan NPM

# install app's dependencies
$ composer install
# install app's dependencies
$ npm install

Selanjutnya, lakukan perubahan pada env dengan meng-copy env.example menjadi .env dan lakukan ubhan pada bagian database connection seperti biasa

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel
DB_USERNAME=root
DB_PASSWORD=

Kemudian langkah berikutnya adalah konfigurasi Laravel APP Key

$ php artisan key:generate

Langkah berikut adalah melakukan migrating DB / membuat tabel pada database dan mengisi dengan data contoh yang sudah disediakan

$ php artisan migrate:refresh --seed

Langkah terakhir, mengcompile assets tersebut dengan laravel Mix dengan perintah

$ npm run dev

Konfigurasi selesai, silakan jalankan server dengan

$ php artisan serve

Dan lihat haslnya pada http://localhost:8000

Semoga bermanfaat

Disadur bebas dari : https://coreui.io/docs/integrations/laravel/

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.