Next.js ile API Route Oluşturma ve Kullanımı

Next.js ile API Route Oluşturma ve Kullanımı

Reklam Alanı
CodeMareFi'ye Hoş Geldiniz!Yazılım dünyasındaki en güncel ve işlevsel kodları sizlerle paylaşmaya devam ediyoruz. Bu makalemizde, projelerinizde zaman kazanmanızı sağlayacak ve sisteminizi bir üst seviyeye taşıyacak önemli bir konuyu detaylıca ele alacağız. Hazırladığımız bu rehber, hem yeni başlayanlar hem de profesyonel geliştiriciler için özenle derlenmiştir. Aşağıdaki adımları ve kod bloklarını dikkatlice uygulayarak projenize sorunsuz bir entegrasyon sağlayabilirsiniz. Hazırsanız, detaylara geçelim.

Next.js App Router ile API route oluşturmak cok kolaylasti. artık ayri bir backend sunucusuna gerek yok!

GET ve POST Route

// app/api/posts/route.ts - (c) CodeMareFi
import { NextRequest, NextResponse } from 'next/server';

export async function GET() {
  const posts = [{ id: 1, title: 'CodeMareFi Post' }];
  return NextResponse.json({ posts });
}

export async function POST(req: NextRequest) {
  const body = await req.json();
  const { title, content } = body;
  if (!title || !content) {
    return NextResponse.json({ error: 'Eksik alan!' }, { status: 400 });
  }
  // Veritabanına kaydet...
  return NextResponse.json({ success: true, id: Date.now() }, { status: 201 });
}

Dinamik Route

// app/api/posts/[id]/route.ts - (c) CodeMareFi
export async function GET(req: NextRequest, { params }: { params: { id: string } }) {
  const { id } = params;
  // Veritabanından getir...
  return NextResponse.json({ id, title: 'Post ' + id });
}
© CodeMareFi Bu içerik codemarefi.com.tr ye aittir.

Sonuç ve Değerlendirme

Bu makalemizde paylaştığımız kodlar ve teknik bilgiler, sisteminizin performansını artıracak ve sizlere daha esnek bir geliştirme imkanı sunacaktır. CodeMareFi üzerinden paylaştığımız tüm içerikler, güncel yazılım standartlarına uygun olarak optimize edilmiş olup, projelerinizde güvenle kullanabileceğiniz şekilde hazırlanmıştır.

Eğer kurulum sırasında herhangi bir sorunla karşılaşırsanız, kod çalışmazsa veya sisteme ekstra özellikler eklemek isterseniz, iletişim kanallarımızdan ya da Discord sunucumuza katılarak diğer geliştirici arkadaşlarımızdan anında destek alabilirsiniz. Daha fazla ücretsiz kod paylaşımı, web tasarım rehberleri ve teknoloji makaleleri için sitemizi takipte kalmayı unutmayın. İyi kodlamalar!
Reklam Alanı

0 Yorum

YORUM YAPMAK İÇİN SİSTEME SIZMANIZ GEREKİYOR

Lütfen yukarıdaki butonu kullanarak giriş yapın veya kimlik oluşturun.

Yorumlar yükleniyor...