Formulario Next.js Server Actions — Ejemplo generado con IA
VISTA DE CÓDIGO
Prompt
Create a Next.js Server Actions example that submits a form (name and email) without client-side JavaScript re-render. Use 'use server' directive, show loading state with useFormStatus, display success/error messages using React state, and include Tailwind CSS for styling. The form should be fully accessible and have validation (required fields, email format). Output as a single HTML file with embedded scripts.
この例は、Next.jsのServer Actionsを使ったフォーム送信を示しています。フォームは「use server」ディレクティブのパターンを使い、ページ全体のリロードなしで送信されます。必須フィールドとメール形式のクライアントサイドバリデーション、useFormStatusによるローディング表示、成功・エラーメッセージの表示を含みます。UIはTailwind CSSでスタイリングし、クリーンでレスポンシブなデザインです。
Resumen del prompt
Este ejemplo muestra el envío de formularios utilizando Server Actions de Next.js. El formulario emplea el patrón de la directiva "use server" y se envía sin recargar toda la página. Incluye validación del lado del cliente para campos obligatorios y formato de correo electrónico, indicador de carga con useFormStatus, y visualización de mensajes de éxito y error. La interfaz está estilizada con Tailwind CSS, ofreciendo un diseño limpio y responsivo.
¿Te resultó útil este prompt?
Comentarios
Los comentarios aparecen después de la moderación
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選