Loading, Error UI, Route Handlers, Metadata, and Env
Menambahkan perilaku route App Router yang jelas melalui loading UI, error recovery, endpoint GET sederhana, metadata, dan environment variable yang aman.
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.
loading.tsx
Menambahkan loading UI ringan pada route segment agar navigasi tidak terasa diam saat content sedang disiapkan.
error.tsx
Menambahkan error UI pada route segment dan menyediakan tindakan recovery yang jelas untuk user.
Route Handlers
Membuat Route Handler GET kecil di app directory yang mengembalikan JSON dengan Web Response API.
Metadata
Menambahkan title dan description route dengan export metadata statis pada Server Component.
Environment Variables
Menyimpan konfigurasi lokal di .env.local serta membedakan value server-only dari value browser yang memakai prefix NEXT_PUBLIC_.
Uji Kompetensi Next.js Route Behavior
Checkpoint kesiapan untuk menambahkan loading UI, error recovery, Route Handler, metadata, dan environment variable yang aman pada route kecil.