Pengenalan Next.js: Framework React untuk Web Modern
Apa itu Next.js?
Next.js adalah framework React yang dibangun oleh tim Vercel. Framework ini dirancang untuk memudahkan pengembangan aplikasi React dengan fitur-fitur powerful seperti:
- Server-side rendering (SSR)
- Static site generation (SSG)
- Incremental static regeneration (ISR)
- API routes
- Optimasi performa secara otomatis
Fitur Unggulan
1. Routing Otomatis
Next.js menggunakan sistem file-based routing. Artinya, file .js atau .tsx yang kamu letakkan di dalam folder pages/ akan otomatis menjadi sebuah route.
Contoh:
bash
pages/
index.js -> '/'
about.js -> '/about'
blog/[slug].js -> '/blog/:slug'
### 2. **Rendering Fleksibel**
Next.js mendukung berbagai jenis metode rendering:
SSR (Server-Side Rendering):
Menggunakan getServerSideProps untuk mengambil data di server setiap kali request.
SSG (Static Site Generation):
Menggunakan getStaticProps dan getStaticPaths untuk generate halaman statis saat build.
ISR (Incremental Static Regeneration):
Kombinasi kekuatan SSG dan kemampuan update data di background.
3. API Routes
Next.js memungkinkan kamu membuat backend API tanpa perlu server terpisah. Buat file di dalam pages/api/, dan file tersebut bisa diakses sebagai endpoint API.
Top comments (0)