← Next.js30 / 57

'use server' & Action di Form

Server Actions memungkinkan pengiriman form HTML langsung menjalankan fungsi di server dengan menempatkan direktif 'use server'; di dalam fungsi action.

👀 Contoh dulu

async function createPost(formData: FormData) {
  'use server';
  const title = formData.get('title');
}

Hasilnya: Fungsi dieksekusi di server tanpa perlu membuat API endpoint terpisah.

💡 Server action dapat dipasang langsung pada atribut action di <form action={createPost}>.

📝 Sekarang giliranmu

Ubah fungsi createPost di bawah menjadi sebuah Server Action dengan menambahkan direktif yang tepat di baris pertama fungsi tersebut.

Preview
← SebelumnyaBerikutnya →