GET ve POST

GET ve POST isteklerini yanıtlamayı öğrenirsin.

GET ve POST

API rotasında hem GET hem POST tanımlayabilirsin. GET genelde veri okur, POST yeni veri yazar. Aynı dosyada iki ayrı export async function olur.

POST fonksiyonu await request.json() ile gövdeyi okur. GET ise request.url veya searchParams üzerinden parametre alır.

Doğru durum kodları dönmek iyi bir uygulamadır: 200 başarılı, 201 oluşturuldu, 400 hatalı istek.

Yanıt tipleri

Next.js App Router'da API rotaları Response, NextResponse.json() veya NextResponse.redirect() döndürebilir. NextResponse.json otomatik olarak JSON header'larını ekler.

Örnek: return NextResponse.json({ ok: true }). Durum kodu eklemek için ikinci parametre: { status: 201 }.

Ham metin için new Response("...") yeterlidir.

Uygulama POST rotası

POST fonksiyonu yaz: request parametresi alsın, await request.json() ile gövdeyi oku, NextResponse.json({ ok: true, received: data }, { status: 201 }) döndür. import { NextResponse } from "next/server" ifadesini de yaz. export async olsun.

Örnek çözümü göster

// app/api/items/route.js
import { NextResponse } from "next/server";

export async function POST(request) {
  const data = await request.json();
  return NextResponse.json({ ok: true, received: data }, { status: 201 });
}

Kendini test et

POST gövdesini okumak için?
- fetch()
- request.body
- useState
- await request.json()
Cevabı göster

await request.json() — POST gövdesi = await request.json().

NextResponse json

import { NextResponse } from "next/server";

export async function POST(request) {
  const data = await request.json();
  return NextResponse.____({ ok: true, data });
}

Cevabı göster

import { NextResponse } from "next/server";

export async function POST(request) {
  const data = await request.json();
  return NextResponse.json({ ok: true, data });
}

GET ve POST: kavramları eşleştir

Response

Ham yanıt
NextResponse.json

JSON yanıt
status 201

Oluşturuldu
await request.json

Gövde okuma

Sıradaki ders: JSON yanıtı

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler