import Image from "next/image"; export const revalidate = 5; import { stripHtml, getDirectDriveLink, getYouTubeEmbedUrl } from "@/lib/text"; import Link from "next/link"; import { notFound } from "next/navigation"; import { ArrowLeft, ExternalLink, Youtube, Github, Calendar, Tag } from "lucide-react"; import prisma from "@/lib/db"; import { Metadata } from "next"; type ProjectData = { id: string; title: string; description: string; image?: string | null; videoUrl?: string | null; repoUrl?: string | null; liveUrl?: string | null; technologies: string[]; status: string; featured: boolean; createdAt: Date; category?: { name: string } | null; }; export async function generateMetadata({ params }: { params: Promise<{ id: string }> }): Promise { const { id } = await params; const project = await prisma.project.findUnique({ where: { id } }); if (!project) return { title: "Projet non trouvé" }; const cleanDesc = stripHtml(project.description).slice(0, 160); return { title: `${project.title} | Sergio Hounkpessode`, description: cleanDesc, openGraph: { title: project.title, description: cleanDesc, images: project.image ? [getDirectDriveLink(project.image)] : [], } }; } export default async function ProjectDetailPage({ params }: { params: Promise<{ id: string }> }) { const { id } = await params; const project = await prisma.project.findUnique({ where: { id }, include: { category: true }, }) as ProjectData | null; if (!project) { notFound(); } const statusColor = project.status === "Terminé" ? { bg: "rgba(34,197,94,0.1)", text: "#16a34a" } : { bg: "rgba(245,158,11,0.1)", text: "#d97706" }; return (
{/* Back */} RETOUR AUX PROJETS {/* Hero Image */}
{project.image ? ( {project.title} ) : (
Image non disponible
)}
{project.category?.name || "Sans catégorie"} {project.status}
{/* Main Content */}
{new Date(project.createdAt).toLocaleDateString("fr-FR", { year: "numeric", month: "long" })}

{project.title}

{/* YouTube Video Section */} {project.videoUrl && getYouTubeEmbedUrl(project.videoUrl) && (

Vidéo de démonstration