Struktur Folder app/: page.tsx & layout.tsx

Di App Router, folder mewakili URL path. page.tsx adalah UI utama route tersebut, dan layout.tsx adalah wrapper yang membagikan UI antar halaman.

👀 Contoh dulu

// app/about/page.tsx -> URL /about
export default function AboutPage() { return <h1>About</h1>; }

Hasilnya: Mengakses /about di browser merender komponen AboutPage.

💡 Hanya file bernama page.tsx yang dijadikan halaman publik.

📝 Sekarang giliranmu

Tuliskan komponen halaman export default function Page() { return <h1>Home</h1>; }.

Preview