Install Laravel/UI bootstrap Pada Laravel 9 – Laravel/UI adalah package yang di kembangkan oleh laravel, Package ini di pisahkan dalam proyek laravel. Package UI yang terpisah memungkinkan tim untuk beralih pada pekage UI secara terpisah dari kode utama laravel.
Laravel UI bootstrap Laravel 9 Adalah Scaffolding atau package yang disediakan oleh Laravel untuk membangun sebuah UI dengan menggunkan bootstrap , UI bootstrap terletak pada paket Composer laravel/ui, yang dapat kita instal menggunakan Composer.
- Generate Project
- Generate database
- Config nama database pada .env file
- Generate laravel/ui
- Generate login / registration scaffolding dengan Laravel/UI bootstrap
- Install Node JS Last Vertions
- Database Migrate
- Run Server
Isi Artikel
Generate Project
Pertama yang harus kita lalukan dalah membuat proyek baru laravel 9 dengan cara buka CMD, kemudian beri nama proyek kita dengan nama project “elearn” perhatikan contoh berikut ini :
Composer global require laravel/installer
Laravel new elearn --elearn nama project yang akan kita buat

Setelah global require laravel/installer terinstall kemudian buatlah proyek laravel baru dengan cara sebagai berikut :

Generate Database
Langkah kedua buatlah database dengan nama bebas, disini saya akan menggunakan nama “app_elearn”

Baca juga Tutorial Cara Install Laravel Jetstream
Config nama database pada .env file
Setalah database terbuat selanjutnya kita konfigurasi database pada proyek laravel kita buat tadi denga cara buka proyek laravel anda kemudian buka file .env, selanjutnya setting nama database sesuai database yang kita buat tadi. perhatikan gambar berikut ini :

Install Laravel/UI bootstrap – Generate laravel/ui
Tahap berikutnya adalah Meng Install Laravel/UI bootstrap pada proyek yang sudah terinstall tadi. Penulisan kodenya sebagai berikut :
// Generate basic scaffolding...
Composer require laravel/ui
Generate login / registration Dengan Laravel/UI bootstrap
Setelah laravel/ui terinstall tahap berikutnya adalah kita akan membuat login dengan laravel/UI bootstrap auth. berikut penulisan kodenya :
// Generate login / registration scaffolding...
PHP artisan ui bootstrap --auth

Install Node JS Last Vertions – Install Laravel/UI bootstrap Pada Laravel 9
Setelah proyek laravel kita terbuat langkah selanjutnya adalah mengInstall Node JS, Disini kami menggunakan node js last vertion. kunjungi web Node JS lalu install pada komputer anda. setelah itu jalankan kode berikut pada command :
npm install


lalu lanjutkan dengan perintah :
npm run dev
npm run build

Database Migrate “PHP artisan migrate”
Langkah selanjutnya jalankan migrasi database dengan ketikan kode sebagai berikut :
//Migrasi Database
PHP artisan migrate
Install Laravel/UI bootstrap Pada Laravel 9 – Run Server
Langkah terakhir jalankan server anda dengan menuliskan kode program sebagai berikut :
PHP artisan serve



0 Komentar