Memulai dengan Next.js App Router

Next.js App Router adalah cara modern untuk membangun aplikasi React dengan server-side rendering dan static generation.

Struktur dasar

src/app/
  layout.tsx
  page.tsx
  (admin)/
    page.tsx

Route group

Route group seperti (admin) tidak menambah segmen URL, tetapi membantu mengorganisir halaman dengan layout yang sama.

export default function Page() {
  return <main>Halo dunia</main>;
}

Kesimpulan

• App Router memudahkan membuat nested layout.
• Setiap folder dengan page.tsx menjadi halaman.
• Gunakan metadata untuk SEO tiap halaman.