🎯 Tujuan
Memahami cara kerja routing dan membuat halaman awal menggunakan Blade Template dengan Bootstrap.
🧩 Materi & Langkah Praktik
1. Routing Dasar di Laravel
File route utama ada di:
routes/web.php
Ubah isi web.php jadi:
<?php
use Illuminate\Support\Facades\Route;
Route::get('/', function () {
return view('home');
});
2. Buat View Blade home.blade.php
📂 Struktur folder:
resources/
└── views/
└── home.blade.php
Buat file resources/views/home.blade.php dengan isi:
<!DOCTYPE html>
<html>
<head>
<title>CRUD Produk</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light p-5">
<div class="container text-center">
<h1 class="mb-3">Aplikasi CRUD Produk</h1>
<p class="lead">Laravel + Bootstrap 5</p>
</div>
</body>
</html>
3. Jalankan Aplikasi dan Cek Hasil
Jalankan server Laravel:
php artisan serve
Buka browser di: http://127.0.0.1:8000
Halaman harus menampilkan:
- Judul: Aplikasi CRUD Produk
- Subtitle: Laravel + Bootstrap 5
4. Tugas / Latihan
- Buat halaman
home.blade.phpdengan Bootstrap seperti contoh di atas. - Ubah teks di halaman sesuai nama atau identitas kamu (misalnya nama mahasiswa).
5. Ringkasan Struktur Folder
Setelah mengikuti langkah ini, struktur folder project minimal:
project-laravel/
├── routes/
│ └── web.php
└── resources/
└── views/
└── home.blade.php