Next.js dinamik metadata
Promise params ile başlık, açıklama ve mutlak Open Graph adresi.
Prompt Metni
Next.js App Router için dinamik bir içerik sayfasına generateMetadata yaz. Gereksinimler: - params bir Promise olsun - Kayıt yoksa title: 'Bulunamadı' - title ve description kayıttan gelsin - Open Graph url mutlak olsun - Yalnızca metadata fonksiyonunu göster
Prompt Sonucu
import type { Metadata } from 'next'
interface PageProps {
params: Promise<{ slug: string }>
}
export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
const { slug } = await params
const post = await getPost(slug)
if (!post) return { title: 'Bulunamadı' }
const url = 'https://example.com/yazi/' + post.slug
return {
title: post.title,
description: post.description,
openGraph: { title: post.title, description: post.description, url },
}
}
Benzer Promptlar
Kod
Zod ile ortam değişkenleri
Eksik gizli anahtarı açılışta yakalayan Zod ortam şeması.
Kod
Webhook HMAC doğrulaması
timingSafeEqual kullanan webhook imza kontrolü.
Kod
React iyimser beğeni
Beğeni sayısını sunucu yanıtından önce güncelleyen useOptimistic örneği.
Kod
GitHub Actions Next.js CI
npm ci, lint ve build çalıştıran kısa GitHub Actions iş akışı.