← Next.js32 / 57
Validasi Server-side + Error UI
Lakukan validasi data di dalam Server Action. Jika tidak valid, kembalikan objek error yang akan ditangkap oleh state di Client.
👀 Contoh dulu
if (!title) return { error: 'Judul wajib diisi!' };Hasilnya: Respon error ditampilkan langsung di bawah input form.
💡 Selalu validasi data di server meskipun sudah ada validasi di HTML.
📝 Sekarang giliranmu
Jika nilai konstanta title kosong (falsy), hentikan proses Server Action ini dan kembalikan sebuah objek berisi properti error dengan nilai string 'Judul wajib diisi'. Pesan ini nantinya bisa ditangkap oleh useActionState di client.
Preview