株式会社オブライト
Web Frontend2026-05-17

Server Action

Also known as: Server Actions / サーバーアクション

Server-side functions introduced in React 19 and the Next.js App Router. Annotated with 'use server', they can be called directly from client components, enabling form handling and DB operations without defining separate API endpoints.

Overview

Server Actions are invoked via 'form action={myAction}' or 'onClick={() => myAction(data)}'. They execute as POST requests, performing server-side validation and DB operations. Paired with the useActionState hook, loading state and error handling can be implemented concisely.

Integration with RSC

Combining Server Actions with React Server Components enables full-stack implementation with minimal client JavaScript. See Vercel + Next.js 16 complete guide for form implementation best practices.

Related Columns

Web Development
Complete Guide to Building Websites with Vercel and Next.js 16 [2026 Edition]
In 2026, building websites with Next.js 16 and Vercel has dramatically evolved with Turbopack's 400% faster dev startup, React Server Components, and v0 AI generation. Learn everything about professional web development starting from $20/month.
Web Development
Forms & CRUD Patterns in Hono + Inertia + React — Drizzle ORM, Zod, and Inertia useForm [2026]
How to build CRUD and forms — the heart of internal-tool work — in Hono + Inertia + React. Covers Drizzle ORM for DB access, Zod for end-to-end typed validation, and Inertia's useForm for error display, redirects, and flash messages, all from a practitioner's perspective.
Web Development
Hono + Inertia + React in 2026 — A Third Path Beyond Next.js and Remix
Hono (an ultrafast web framework) + Inertia.js (a server-driven SPA adapter) + React is gaining traction in 2026 as a third full-stack option beyond Next.js and Remix. This guide covers the architecture, each layer's role, comparisons with Next.js / Remix / Laravel + Inertia, fit and anti-fit projects, and how to choose between Cloudflare Workers, Bun, and Node — from a practitioner's perspective.

Related Terms

RSC (React Server Components)Next.jsReactTypeScriptSSR (Server-Side Rendering)

Feel free to contact us

Contact Us