[{"data":1,"prerenderedAt":95},["ShallowReactive",2],{"\u002Fposts\u002Fstruktur-folder-routing-dasar?{\"username\":\"irezabdullah\"}":3},{"success":4,"message":5,"data":6},true,"Post retrieved successfully",{"post":7,"seriesInfo":25,"seriesItems":28,"seoDescription":94},{"id":8,"title":9,"slug":10,"body":11,"cover_image_path":12,"view_count":13,"part_number":14,"created_at":15,"updated_at":16,"category":17,"author":20},49,"Struktur Folder & Routing Dasar","struktur-folder-routing-dasar","### 🎯 Tujuan\n\nMemahami cara kerja routing dan membuat halaman awal menggunakan **Blade Template** dengan Bootstrap.\n\n---\n\n### 🧩 Materi & Langkah Praktik\n\n#### 1. Routing Dasar di Laravel\n\nFile route utama ada di:\n\n```\nroutes\u002Fweb.php\n```\n\nUbah isi `web.php` jadi:\n\n```php\n\u003C?php\n\nuse Illuminate\\Support\\Facades\\Route;\n\nRoute::get('\u002F', function () {\n    return view('home');\n});\n```\n\n---\n\n#### 2. Buat View Blade `home.blade.php`\n\n📂 **Struktur folder:**\n\n```\nresources\u002F\n└── views\u002F\n    └── home.blade.php\n```\n\nBuat file `resources\u002Fviews\u002Fhome.blade.php` dengan isi:\n\n```html\n\u003C!DOCTYPE html>\n\u003Chtml>\n\u003Chead>\n    \u003Ctitle>CRUD Produk\u003C\u002Ftitle>\n    \u003Clink href=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fbootstrap@5.3.3\u002Fdist\u002Fcss\u002Fbootstrap.min.css\" rel=\"stylesheet\">\n\u003C\u002Fhead>\n\u003Cbody class=\"bg-light p-5\">\n    \u003Cdiv class=\"container text-center\">\n        \u003Ch1 class=\"mb-3\">Aplikasi CRUD Produk\u003C\u002Fh1>\n        \u003Cp class=\"lead\">Laravel + Bootstrap 5\u003C\u002Fp>\n    \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\n---\n\n#### 3. Jalankan Aplikasi dan Cek Hasil\n\nJalankan server Laravel:\n\n```bash\nphp artisan serve\n```\n\nBuka browser di:\n[http:\u002F\u002F127.0.0.1:8000](http:\u002F\u002F127.0.0.1:8000)\n\n**Halaman menampilkan:**\n\n* Judul: *Aplikasi CRUD Produk*\n* Subtitle: *Laravel + Bootstrap 5*\n*Contoh bisa berbeda jika sudah di sesuaikan \u002F di rubah\n\n![](https:\u002F\u002Fi.imgur.com\u002FXih1U4m.png)\n---\n\n#### 4. Tugas \u002F Latihan\n\n* Buat halaman `home.blade.php` dengan Bootstrap seperti contoh di atas.\n* Ubah teks di halaman sesuai nama atau identitas kamu (misalnya nama mahasiswa).\n\n---\n\n#### 5. Ringkasan Struktur Folder\n\nSetelah mengikuti langkah ini, struktur folder project minimal:\n\n```\nproject-laravel\u002F\n├── routes\u002F\n│   └── web.php\n└── resources\u002F\n    └── views\u002F\n        └── home.blade.php\n```","https:\u002F\u002Fcdn.rezweb.my.id\u002Fposts\u002FNcRPivDnM8zD3Sic6sObfkrfaKJAIPQPj9vSSYQc.jpg",956,2,"2025-10-14T15:50:53+07:00","2026-09-07T11:59:37+07:00",{"name":18,"slug":19},"LARAVEL","laravel",{"id":21,"name":22,"username":23,"avatar":24},1,"Irez Abdullah","irezabdullah","https:\u002F\u002Fcdn.rezweb.my.id\u002Favatars\u002Fd139726e-348f-4dab-95c6-bb87e2ad125e.jpeg",{"name":26,"slug":27},"Belajar Laravel dari Nol (Praktikum Web Framework) – Ringkas & Praktis","belajar-laravel-dari-nol-praktikum-web-framework-ringkas-praktis",[29,33,34,39,44,49,54,59,64,69,74,79,84,89],{"id":30,"slug":31,"title":32,"part_number":21},48,"pengenalan-web-framework-instalasi-laravel","Pengenalan Web Framework & Instalasi Laravel",{"id":8,"slug":10,"title":9,"part_number":14},{"id":35,"slug":36,"title":37,"part_number":38},50,"blade-template-layouting-dengan-bootstrap-5-dmwo","Blade Template & Layouting dengan Bootstrap 5",3,{"id":40,"slug":41,"title":42,"part_number":43},51,"database-migration-qbsa","Database & Migration",4,{"id":45,"slug":46,"title":47,"part_number":48},52,"model-seeder","Model & Seeder",5,{"id":50,"slug":51,"title":52,"part_number":53},53,"controller-read-data-menampilkan-produk","Controller & Read Data (Menampilkan Produk)",6,{"id":55,"slug":56,"title":57,"part_number":58},54,"form-tambah-produk-create","Form Tambah Produk (Create)",7,{"id":60,"slug":61,"title":62,"part_number":63},55,"edit-update-produk","Edit & Update Produk",8,{"id":65,"slug":66,"title":67,"part_number":68},56,"hapus-produk-validasi-form","Hapus Produk & Validasi Form",9,{"id":70,"slug":71,"title":72,"part_number":73},63,"upload-file-gambar-dan-validasi-cpw3","Upload File (Gambar) dan Validasi",10,{"id":75,"slug":76,"title":77,"part_number":78},62,"menampilkan-grafik-stok-produk","Menampilkan Grafik Stok Produk",11,{"id":80,"slug":81,"title":82,"part_number":83},64,"login-dan-implementasi-middleware-at","Login Dan Implementasi Middleware",12,{"id":85,"slug":86,"title":87,"part_number":88},61,"membuat-dashboard-admin-dengan-statistik-dan-grafik","Membuat Dashboard Admin dengan Statistik dan Grafik",13,{"id":90,"slug":91,"title":92,"part_number":93},65,"teknik-debugging-di-laravel","Teknik Debugging di Laravel",15,"🎯 Tujuan Memahami cara kerja routing dan membuat halaman awal menggunakan Blade Template dengan Bootstrap. 🧩 Materi & Langkah Praktik Routing Dasar di Laravel...",1788757406823]