diff --git a/docs/02-app/01-building-your-application/01-routing/10-router-handlers.mdx b/docs/02-app/01-building-your-application/01-routing/10-router-handlers.mdx index cd975099f469c..83d140aaa20ef 100644 --- a/docs/02-app/01-building-your-application/01-routing/10-router-handlers.mdx +++ b/docs/02-app/01-building-your-application/01-routing/10-router-handlers.mdx @@ -553,7 +553,9 @@ import { NextResponse } from 'next/server' export async function POST(request: Request) { const formData = await request.formData() - return NextResponse.json({ formData }) + const name = formData.get('name') + const email = formData.get('email') + return NextResponse.json({ name, email }) } ``` @@ -562,10 +564,14 @@ import { NextResponse } from 'next/server' export async function POST(request) { const formData = await request.formData() - return NextResponse.json({ formData }) + const name = formData.get('name') + const email = formData.get('email') + return NextResponse.json({ name, email }) } ``` +Since `formData` data are all strings, you may want to use [`zod-form-data`](https://www.npmjs.com/zod-form-data) to validate the request and retrieve data in the format you prefer (e.g. `number`). + ### CORS You can set CORS headers on a `Response` using the standard Web API methods: