Pengantar Next.js 13

Next.js 13 membawa revolusi dengan App Router yang memungkinkan struktur folder yang lebih intuitif. Dalam artikel ini, kita akan mempelajari cara memulai dan memanfaatkan fitur-fitur terbaru.

Instalasi

Langkah pertama adalah membuat project baru dengan:

npx create-next-app@latest my-app

Struktur Folder

App Router menggunakan struktur folder yang berbeda dari Pages Router. Setiap folder mewakili route dan file page.tsx adalah halaman yang ditampilkan.

Server Components

Salah satu fitur terbaik Next.js 13 adalah Server Components yang berjalan di server dan mengurangi bundle size JavaScript di client.