Server Actions Next.js
Server Actions, useFormState, useFormStatus, mutasi, progressive enhancement, revalidasi
1Apa itu Server Action di Next.js?
Apa itu Server Action di Next.js?
Jawaban
Server Action adalah fungsi asinkron yang hanya berjalan di server dan dapat dipanggil langsung dari komponen Client atau Server. Fungsi ini mengelola mutasi data (POST, PUT, DELETE) tanpa membuat API route eksplisit. Server Actions menyederhanakan kode dengan menghindari duplikasi API route + pemanggilan fetch sisi klien.
2Bagaimana cara mendeklarasikan Server Action di file terpisah?
Bagaimana cara mendeklarasikan Server Action di file terpisah?
Jawaban
Untuk membuat Server Action di file terpisah, tambahkan direktif 'use server' di bagian atas file dan ekspor fungsi async. Pendekatan ini direkomendasikan untuk ketercapaian ulang dan pemisahan tanggung jawab. Fungsi kemudian dapat diimpor ke komponen Client atau Server mana pun.
3Apa perbedaan antara Server Action dan API route?
Apa perbedaan antara Server Action dan API route?
Jawaban
Server Actions dapat dipanggil langsung dari komponen tanpa membuat endpoint REST eksplisit, sementara API routes memerlukan panggilan HTTP (fetch). Server Actions menyederhanakan kode dengan menghindari duplikasi route + panggilan klien. Keduanya optimal untuk mutasi sederhana, tetapi API routes tetap berguna untuk endpoint publik atau webhook.
Bagaimana cara menggunakan Server Action dalam formulir HTML?
Tipe data apa yang diterima Server Action dari formulir?
+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
Routing & Navigasi Next.js
API Routes 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