Next.js Forms

Installation

SKILL.md

Next.js Forms

Expert guidance on creating forms with Server Actions in Next.js — validation, pending states, optimistic updates, error handling, and programmatic submission.

@doc-version: 16.2.6

Core Concepts

React extends HTML <form> ให้เรียก Server Actions ผ่าน action attribute:

Server Action ได้รับ FormData อัตโนมัติ
ทำงานบน server เท่านั้น (ปลอดภัย)
รองรับ progressive enhancement (ทำงานแม้ไม่มี JS)

สำคัญ: ต้อง verify authentication + authorization ใน Server Action ทุกครั้ง

Guidelines

1. Basic Form with Server Action

Installs

–

Repository

yuen30/my-skills

First Seen

–

Next.js Forms — yuen30/my-skills