Evolusi dari Pages Router ke App Router
Next.js App Router bukan sekadar versi baru dari Pages Router — ini adalah reimagining fundamental tentang bagaimana aplikasi React seharusnya dibangun. Dengan mengadopsi React Server Components sebagai default, App Router menggeser paradigma dari "everything is client-side" menjadi "server-first with client islands".
React Server Components: Game Changer
Server Components memungkinkan komponen React di-render sepenuhnya di server tanpa mengirimkan JavaScript-nya ke browser. Implikasinya luar biasa: Anda bisa melakukan data fetching langsung di komponen tanpa useEffect, mengakses database atau file system secara langsung, dan mengurangi bundle size JavaScript secara drastis.
Bayangkan sebuah halaman blog yang menampilkan daftar artikel. Dengan Pages Router, Anda perlu menggunakan getServerSideProps atau getStaticProps, lalu passing data sebagai props. Dengan App Router, komponen halaman bisa langsung melakukan fetch async di body function-nya — jauh lebih natural dan readable.
Streaming dan Suspense
App Router memanfaatkan React Suspense untuk streaming UI secara bertahap. Ini berarti pengguna melihat shell halaman terlebih dahulu sementara bagian-bagian yang membutuhkan data loading ditampilkan secara progresif. User experience menjadi jauh lebih responsif karena tidak perlu menunggu seluruh halaman selesai loading.
Loading States yang Deklaratif
Cukup buat file loading.tsx di dalam folder route, dan Next.js akan otomatis menampilkannya sebagai fallback saat konten halaman sedang loading. Tidak perlu lagi mengelola state loading secara manual di setiap komponen.
Metadata API untuk SEO
Fungsi generateMetadata memungkinkan Anda membuat meta tags yang dinamis berdasarkan data dari database. Ini sangat powerful untuk SEO karena setiap halaman bisa memiliki title, description, Open Graph tags, dan Twitter Card yang unik dan relevan tanpa client-side JavaScript.
Dampak untuk Developer Indonesia
Bagi ekosistem developer Indonesia, App Router membuka peluang baru untuk membangun aplikasi web yang performant dan SEO-friendly. Kombinasi Server Components dengan infrastruktur lokal yang semakin baik memungkinkan website Indonesia bersaing di level global dari segi kecepatan dan kualitas teknis.
