A Server Action form that never shows whether it worked

The form submits, the database updates, and the button just sits there looking exactly like it did before anyone clicked it.

IntermediateRead 5 minDoing: about an hour7 steps

▶ Start

What you'll have at the end

A form with useActionState-driven error text and a useFormStatus pending state that both update the moment the action resolves

Before you start

You need

A Server Action already wired to a form's action prop, writing a real row to a database and returning nothing, with no code anywhere on the page telling the person who just submitted whether it worked.

Not covered

Whether this same mutation should also clear a stale list somewhere else on the page; that is a caching problem, left for a different recipe to solve.

Leans on

7 steps

Where to go next

A deleted row your cache still refuses to release

Use this when a different part of the page still shows stale data after this mutation resolves. This recipe only covers telling the person their own submission worked.

Checked 25 Aug 2026

Part of the NextJS cookbook