🎯 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.php dengan 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