Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix formData code snippet in route handler docs #52532

Merged
merged 4 commits into from Jul 22, 2023
Merged

Fix formData code snippet in route handler docs #52532

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
477f4f9
fix formData code snippet in route handler docs and mention zod-form-…
joulev Jul 11, 2023
e9b7810
Merge branch 'canary' into fix-form-data-route-handler-documentation
leerob Jul 12, 2023
d3f0b78
Merge branch 'canary' into fix-form-data-route-handler-documentation
joulev Jul 12, 2023
e41a589
Merge branch 'canary' into fix-form-data-route-handler-documentation
ztanner Jul 22, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
10 changes: 8 additions & 2 deletions docs/02-app/01-building-your-application/01-routing/10-router-handlers.mdx
View file
Open in desktop
Expand Up @@ -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 })
}
```

Expand All @@ -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:
Expand Down