API Routes Next.js
Route Handlers, request GET/POST, middleware, CORS, autentikasi, penanganan error
1Apa itu Route Handler di Next.js 13+ dengan App Router?
Apa itu Route Handler di Next.js 13+ dengan App Router?
Jawaban
Route Handler adalah fungsi server dalam file route.ts (atau route.js) yang memungkinkan pembuatan endpoint API kustom. Berbeda dengan API Routes dari Pages Router (folder pages/api), Route Handlers terletak di folder app/ dan mendukung Web Standard Request/Response. Mereka menangani request HTTP (GET, POST, PUT, DELETE, dll.) di sisi server.
2Bagaimana cara membuat Route Handler untuk menangani request GET?
Bagaimana cara membuat Route Handler untuk menangani request GET?
Jawaban
Untuk menangani request GET, ekspor fungsi async bernama GET dalam file route.ts. Fungsi ini menerima objek Request dan mengembalikan Response menggunakan NextResponse.json(). Next.js secara otomatis memetakan fungsi GET yang diekspor ke request HTTP GET pada route tersebut. Metode HTTP lainnya (POST, PUT, DELETE, PATCH) mengikuti pola yang sama dengan nama masing-masing.
3Apa perbedaan antara NextResponse dan Response standar?
Apa perbedaan antara NextResponse dan Response standar?
Jawaban
NextResponse memperluas kelas Response standar Web dengan fitur-fitur khusus Next.js. Ia menyediakan metode praktis seperti NextResponse.json() untuk serialisasi otomatis, NextResponse.redirect() untuk pengalihan, dan mempermudah manipulasi cookie serta header. Meskipun Response standar bisa digunakan, NextResponse direkomendasikan karena menyederhanakan kode dan menawarkan integrasi yang lebih baik dengan ekosistem Next.js.
Bagaimana cara mengambil parameter pencarian (query params) di Route Handler?
Bagaimana cara menangani request POST dan mengambil body JSON?
+17 pertanyaan wawancara
Topik wawancara React / Next.js lainnya
Dasar-Dasar JavaScript
Dasar-Dasar React
React Hooks
Siklus hidup komponen
React Router
Manajemen state dengan Context
Form & Controlled Components
Pengambilan Data & API
React Query (TanStack Query)
Styling & CSS-in-JS
Dasar-dasar Next.js
TypeScript dengan React
Data Fetching Next.js
Server Actions Next.js
Routing & Navigasi Next.js
Metadata & SEO di Next.js
Middleware & Auth di Next.js
Pengujian React
Zustand State Management
Optimasi Performa React
Error Boundaries & Error Handling
Advanced React Patterns
Fitur Lanjutan Next.js
Deployment & Produksi Next.js
Architecture & Design Patterns
React Server Components
Internasionalisasi Next.js
Keamanan React & Praktik Terbaik
Kuasai React / Next.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis