import { notFound } from "next/navigation"; import Link from "next/link"; import { getChapterBySlug, getAdjacentChapters, getAllChapters } from "@/lib/book/chapters"; import { ChevronLeft, ChevronRight } from "lucide-react"; import { Button } from "@/components/ui/button"; import { MobileTOCButton } from "@/components/book/sidebar"; import type { Metadata } from "next"; import { getTranslations, getLocale } from "next-intl/server"; interface ChapterPageProps { params: Promise<{ slug: string }>; } export async function generateStaticParams() { return getAllChapters().map((chapter) => ({ slug: chapter.slug, })); } export async function generateMetadata({ params }: ChapterPageProps): Promise { const { slug } = await params; const chapter = getChapterBySlug(slug); const t = await getTranslations("book"); if (!chapter) { return { title: t("chapter.notFound") }; } const description = chapter.description ? `${chapter.description}. Learn ${chapter.title.toLowerCase()} techniques in this free interactive prompt engineering guide.` : `Learn about ${chapter.title.toLowerCase()} in this free interactive prompt engineering guide. Part of The Interactive Book of Prompting.`; return { title: `${chapter.title} | The Interactive Book of Prompting`, description, keywords: [ chapter.title.toLowerCase(), "prompt engineering", "AI prompts", "ChatGPT", chapter.part.toLowerCase(), "prompting techniques", ], authors: [{ name: "Fatih Kadir Akın", url: "https://github.com/f" }], openGraph: { title: `${chapter.title} - The Interactive Book of Prompting`, description, url: `https://prompts.chat/book/${slug}`, siteName: "prompts.chat", images: [ { url: "https://prompts.chat/book-cover-photo.jpg", width: 1200, height: 630, alt: `${chapter.title} - Prompt Engineering Guide`, }, ], locale: "en_US", type: "article", }, twitter: { card: "summary_large_image", title: `${chapter.title} | Prompt Engineering`, description, images: ["https://prompts.chat/book-cover-photo.jpg"], }, alternates: { canonical: `https://prompts.chat/book/${slug}`, }, robots: { index: true, follow: true, googleBot: { index: true, follow: true, "max-video-preview": -1, "max-image-preview": "large", "max-snippet": -1, }, }, }; } export default async function ChapterPage({ params }: ChapterPageProps) { const { slug } = await params; const chapter = getChapterBySlug(slug); if (!chapter) { notFound(); } const { prev, next } = getAdjacentChapters(slug); const t = await getTranslations("book"); const locale = await getLocale(); // Get translated title and description const getChapterTitle = () => { try { const translated = t(`chapters.${slug}`); return translated !== `chapters.${slug}` ? translated : chapter.title; } catch { return chapter.title; } }; const getChapterDescription = () => { try { const translated = t(`chapterDescriptions.${slug}`); return translated !== `chapterDescriptions.${slug}` ? translated : chapter.description; } catch { return chapter.description; } }; const getPartName = () => { const partKeys: Record = { "Introduction": "introduction", "Foundations": "foundations", "Techniques": "techniques", "Advanced": "advanced", "Best Practices": "bestPractices", "Use Cases": "useCases", "Conclusion": "conclusion", }; const key = partKeys[chapter.part]; if (key) { try { const translated = t(`parts.${key}`); return translated !== `parts.${key}` ? translated : chapter.part; } catch { return chapter.part; } } return chapter.part; }; const chapterTitle = getChapterTitle(); const chapterDescription = getChapterDescription(); const partName = getPartName(); let Content; try { // Try to load locale-specific content first, fall back to English if (locale !== "en") { try { Content = (await import(`@/content/book/${locale}/${slug}.mdx`)).default; } catch { // Fall back to English content Content = (await import(`@/content/book/${slug}.mdx`)).default; } } else { Content = (await import(`@/content/book/${slug}.mdx`)).default; } } catch { Content = () => (

{t("chapter.comingSoon")}

); } return (

{/* Chapter Header */}

{partName}

{chapterTitle}

{chapterDescription && (

{chapterDescription}

)}

{/* Chapter Content */}

{/* Navigation */}

{prev ? ( ) : (

)} {next ? ( ) : (

)}

); }