API rotaları

Next.js'de route handler yazmayı öğrenirsin.

API rotaları

Next.js App Router'da API rotaları app/api/... altında route.js dosyalarıyla tanımlanır. Her dosya, bir HTTP isteğini işleyen fonksiyonlar dışa aktarır.

Örneğin app/api/hello/route.js dosyası /api/hello adresine cevap verir. GET, POST, PUT, DELETE için ayrı fonksiyonlar yazarsın.

API rotaları sunucuda çalışır; istemciye JavaScript gönderilmez.

HTTP metodları

Her HTTP metodu için ayrı bir export fonksiyonu yazarsın: export async function GET(request), export async function POST(request) gibi. Next.js hangi metodun çağrıldığına bakarak ilgili fonksiyonu çalıştırır.

Tanımlanmayan metodlar 405 döndürür. Bu, REST API'lerde standart bir yaklaşımdır.

Fonksiyonlar async olmalıdır; çünkü çoğu zaman veritabanı veya dış API bekler.

Uygulama İlk API rotası

GET fonksiyonu yaz: request parametresi alsın, new Response("Merhaba API") döndürsün. Fonksiyon async ve export olsun.

Örnek çözümü göster

// app/api/hello/route.js
export async function GET(request) {
  return new Response("Merhaba API");
}

Kendini test et

API rotası hangi dosyada tanımlanır?
- route.js
- page.js
- api.js
- server.js
Cevabı göster

route.js — app/api/.../route.js API rotasıdır.

GET fonksiyonu

export async function ____(request) {
  return new Response("Merhaba");
}

Cevabı göster

export async function GET(request) {
  return new Response("Merhaba");
}

API rotaları: kavramları eşleştir

route.js

API dosyası
GET

Okuma
POST

Yazma
DELETE

Silme

Sıradaki ders: GET ve POST

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler