How would you handle a database write inside a server action while keeping the user interface responsive?

You perform the database update inside the server action itself, and after it completes, call revalidatePath or revalidateTag to refresh any cached pages that display that data, while also considering optimistic updates on the client so the interface feels instant even while the write is happening.

'use server';
import { db } from '@/lib/db';
import { revalidatePath } from 'next/cache';

export async function addComment(postId, text) {
  await db.comment.create({ data: { postId, text } });
  revalidatePath(`/posts/${postId}`);
}