App Directory and Routing
Memahami bagaimana folder dan file khusus di App Router membentuk page, layout, nested route, dynamic segment, dan route group.
Ikuti lesson dari atas ke bawah agar konsepnya nyambung. Kamu tetap bisa membuka lesson mana pun untuk review.
Alur belajar module
Lesson disusun sebagai jalur belajar. Uji Kompetensi di akhir menjadi checkpoint sebelum lanjut module berikutnya.
app Directory
Mengenal app directory sebagai sumber struktur route pada Next.js App Router.
page.tsx and layout.tsx
Membedakan UI khusus route pada page.tsx dari UI bersama yang dijaga layout.tsx.
Nested Routes
Membaca dan merencanakan route bersarang dari folder dashboard, settings, dan child layout.
Dynamic Routes
Menggunakan folder dynamic segment seperti [slug] untuk page detail yang URL-nya ditentukan data atau user input.
Route Groups
Mengorganisasi route dengan folder dalam tanda kurung tanpa memasukkan nama folder tersebut ke URL.
Uji Kompetensi App Directory and Routing
Checkpoint kesiapan membaca dan merencanakan route tree App Router yang kecil dengan page, layout, nested route, dynamic segment, dan route group.