Next.js sekarang punya dua sistem routing: App Router (baru) dan Pages Router (lama). Mana yang harus kamu pakai?
App Router (Recommended untuk project baru)
Kelebihan:
- React Server Components
- Streaming & Suspense
- Nested layouts
- Server Actions
- Better caching
Kekurangan:
- Learning curve lebih tinggi
- Beberapa library belum support penuh
- Debugging bisa lebih tricky
Pages Router
Kelebihan:
- Lebih simpel dan straightforward
- Dokumentasi dan tutorial lebih banyak
- Semua library support
- Lebih predictable
Kekurangan:
- Tidak ada Server Components
- getServerSideProps/getStaticProps pattern
- Layout nesting manual
Rekomendasi
- Project baru → App Router
- Project existing di Pages Router → Tetap di Pages Router (kecuali ada alasan kuat untuk migrasi)
- Belajar Next.js pertama kali → App Router (karena ini masa depan Next.js)