Next.js Server Actions Form (Typed + Validated)
Implement a secure Next.js 15 App Router form for [FLOW: signup | checkout | settings] using Server Actions. Include: - Zod schema + `safeParse` in action; field-level errors returned to client - `useActionState` UI with pending/disabled states and toast on success - CSRF/session assumptions documented - Optimistic UI only if safe; otherwise pessimistic with revalidatePath tags [TAGS] - Prisma/Drizzle example for [TABLE] (create/update) - Abuse protection: honeypot + rate limit note Provide complete files: `actions.ts`, `form.tsx`, and minimal `page.tsx`. Stack: [PRISMA | DRIZZLE]. Auth: [NEXTAUTH | CLERK | NONE].
π Example Output / Preview
Prompt Metadata
Primary Use Cases:
- β’Legacy code modernization & technical refactoring
- β’Full-stack layout generation & component structuring
- β’CI/CD workflow automation & unit/E2E testing suites
Associated Tags:
π‘ Pro Tips & Advice
1. Use bracketed items: Be sure to fill out all [PLACEHOLDER] elements with specific details before sending the prompt to the AI model.
2. Adjust temperature: For creative tasks, set AI temperature higher (e.g., 0.8), or lower (e.g., 0.2) for strict coding/technical tasks.
π Related AI Prompts
Full SaaS Landing Page Build Spec (SEO + Conversion)
You are a Staff Product Designer + Frontend Engineer + SEO strategist. Build a complete, production-ready marketing landing page f...
SaaS Analytics Dashboard Full Build Spec
You are a Principal Product Designer + Frontend Lead. Design and specify a complete [LIGHT | DARK] analytics dashboard for [PRODUC...
SaaS Admin Panel Dashboard Build Spec
Design a full internal Admin Dashboard for [PRODUCT_NAME] used by [ADMIN_ROLE: support | ops | super-admin]. --- π― CONTEXT Adm...