What problem does it solve? Building forms and data mutations in Next.js traditionally requires creating separate API routes, wiring up client-side fetch calls, and handling loading states manually. This Skill guides the implementation of React Server Actions so mutations run directly on the server without API routes, with progressive enhancement built in. ## Core Features & Use Cases - Server-Side Mutations Without API Routes: Define functions marked with 'use server' that handle form submissions and database writes directly from components. - Progressive Enhancement: Build forms that work even when client-side JavaScript is disabled or still loading. - Cache Revalidation: Revalidate Next.js cached data after mutations using revalidatePath so users see fresh content. - Use Case: You are building a blog admin panel in Next.js 14. Instead of creating a POST /api/posts route, you write a createPost Server Action that reads FormData, inserts into the database, and calls revalidatePath('/posts') in one server-side function. ## Quick Start Ask the AI to create a Next.js Server Action that handles a form submission, validates the FormData on the server, saves it to the database, and revalidates the relevant page path.
