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.

  1. Generate Project
  2. Generate database
  3. Config nama database pada .env file
  4. Generate laravel/ui
  5. Generate login / registration scaffolding dengan Laravel/UI bootstrap
  6. Install Node JS Last Vertions
  7. Database Migrate
  8. 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
Install Laravel/UI bootstrap Pada Laravel 9 - Install global require laravel/installer

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

Install Laravel/UI bootstrap Pada Laravel 9 - Install New Project Laravel

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 Pada Laravel 9

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 Laravel/UI bootstrap Pada Laravel 9 - Laravel 9 UI bootstrap Adalah Scaffolding yang disediakan oleh Laravel,  UI bootstrap terletak pada paket Composer laravel/ui, yang dapat kita instal menggunakan Composer.

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
Install Laravel 9 UI bootstrap

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
Cara Install Laravel 9 UI bootstrap - Laravel 9 UI bootstrap Adalah Scaffolding yang disediakan oleh Laravel,  UI bootstrap terletak pada paket Composer laravel/ui, yang dapat kita instal menggunakan Composer.
Install Laravel 9 UI bootstrap
Install Laravel/UI bootstrap

admin

giginau

0 Komentar

Tinggalkan Balasan

Avatar placeholder

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *