text highlight and og image

2026-05-06 00:40:24 +05:30
parent 237840148f
commit 0a82a12580
16 changed files with 1611 additions and 890 deletions
@@ -1,14 +1,29 @@
 export const dynamic = "force-dynamic";

+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import { getLetter, getAdjacentLetters } from "@/lib/letters";
+import { ogForLetter } from "@/lib/og";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { cn } from "@/lib/utils";

+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}): Promise<Metadata> {
+  const { slug } = await params;
+  const letter = await getLetter(slug);
+  if (!letter) return {};
+
+  const meta = [letter.date, letter.location].filter(Boolean).join(" · ");
+  return ogForLetter(letter.recipientDisplay, meta || undefined);
+}
+
 export default async function LetterPage({
  params,
 }: {