Özet - API rotaları

Ürünleri listeleyen ve yeni ürün ekleyen bir API yazarsın.

Özet - API rotaları

Bu grupta Next.js API rotalarını gördün: app/api/.../route.js, HTTP metodları, JSON yanıtları ve hata yönetimi. Her metod için ayrı export async function yazılır.

NextResponse.json JSON yanıtı, await request.json() gövde okuma, try/catch hata yönetimi standart araçlardır.

Şimdi küçük bir CRUD rotası yaz: GET ve POST birlikte.

Uygulama CRUD rotası

GET ve POST fonksiyonlarını yaz. GET: NextResponse.json({ items: ["a", "b"] }) döndürsün. POST: await request.json() ile gövdeyi oku, NextResponse.json({ created: data }, { status: 201 }) döndürsün. import { NextResponse } from "next/server" ve iki export async function olsun.

Örnek çözümü göster

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

export async function GET() {
  return NextResponse.json({ items: ["a", "b"] });
}

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

Kendini test et

Hangisi bir API rotası dosyasıdır?
- app/users/api.js
- app/api/users/page.js
- app/api/users/route.js
- app/route.js
Cevabı göster

app/api/users/route.js — API = app/api/.../route.js.

POST gövdesi

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

Cevabı göster

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

Sıradaki ders: Proje: Next.js mağaza

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler