Frontend EngineeringAdvanced · Level 10 · Next.js App Router

Local Next.js App

Membuat, menjalankan, mengembangkan, menyimpan, dan menjelaskan Next.js App Router project kecil di perangkat sendiri dengan Git dan GitHub.

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.

Membuat Next.js App Router project kecil di perangkat sendiri dengan create-next-app.

Menjalankan development server Next.js, membuka URL lokal, dan memahami alur edit-save-refresh.

Membuat route dashboard dan courses kecil dengan page.tsx serta layout bersama di App Router project lokal.

Menambahkan loading.tsx dan error.tsx pada route courses di local Next.js project.

Menambahkan metadata title dan description pada route courses di local Next.js project.

Memeriksa perubahan, membuat commit yang menjelaskan milestone, lalu mendorong local Next.js project ke repository GitHub.

Checkpoint kesiapan untuk menjalankan, menjelaskan, dan menyimpan Next.js App Router project kecil di perangkat sendiri.