- Masih menyukai React dan juga menyukai apa yang ditawarkan Vercel, tetapi beralih ke TanStack karena masalah meningkatnya kompleksitas dan biaya Next.js
- TanStack masih punya kekurangan, tetapi intuitif dan mudah menambahkan fitur lanjutan saat dibutuhkan
- Sampai benar-benar membutuhkan fitur lanjutan Next.js, TanStack adalah pilihan terbaik
Kekuatan Next.js
- Setup cepat dan dukungan integrasi yang beragam
- Next.js adalah "React Framework for the Web", sehingga aplikasi React bisa disiapkan dengan cepat
- Tersedia berbagai panduan integrasi: MUI, MarkdocDataDog, dll.
- Menyediakan plugin native untuk alat seperti Jest
- Menguntungkan untuk aplikasi berskala besar berperforma tinggi
- Pola rendering tiap halaman bisa disesuaikan secara detail
- Menyediakan berbagai API untuk performa tinggi
- Server-side rendering (SSR)
- Partial pre-rendering (PPR)
- Edge Functions, streaming, dan selective hydration
- Dukungan incremental static regeneration (ISR) memungkinkan penanganan konten dengan trafik tinggi secara efisien
Batasan dan masalah Next.js
- Kompleksitas fitur lanjutan yang tidak perlu
- Fitur lanjutan terasa berlebihan untuk aplikasi skala kecil
- Banyak fitur optimasi performa mikro yang tidak diperlukan untuk startup tahap awal
- Masalah biaya finansial
- Banyak fitur Next.js terikat ke layanan komersial
- Edge computing (
middleware.ts)
- Transformasi gambar (
next/image)
- ISR (
export const revalidate = 60)
- Eksekusi fungsi serverless (
app/api/route.ts)
- Ketergantungan yang tinggi pada layanan Vercel meningkatkan risiko biaya
- Kurva belajar dan permukaan API yang kompleks
- Kompleksitas App Router membuat kurva belajar menjadi tinggi
- Penjelasan konsep di dokumentasi terasa rumit dan sulit dipahami
- Sulit untuk di-debug
- Ada tiga sistem cache, seperti full route cache, data cache, dan router cache
- Dukungan SPA (single-page application) yang kurang
- Dukungan SPA di Next.js terbatas dan sulit ditingkatkan performanya
- Performa development server tertinggal dibanding Vite
- Performa TurboPack juga belum memenuhi harapan
Kelebihan TanStack + Vite
- Struktur yang sederhana dan intuitif
- TanStack Router menyediakan autocomplete dan validasi search parameter melalui Zod
- Alur kode jelas dan dapat diprediksi
- Manajemen state melalui TanStack Query
- State server mudah dikelola dan di-debug
- Developer tools sudah terintegrasi
- Performa cepat dari Vite
- Build dan eksekusi kode berlangsung cepat
- Langsung berjalan tanpa konfigurasi yang rumit
- Tidak bergantung pada layanan cloud tertentu
1 komentar
Menurut saya, kalau terus dikembangkan, pada akhirnya akan jadi seperti Next.js.