teecup/frontend/app/clubs/[slug]/page.tsx
Erol Haagenrud 6d84aafef8 ADR-018 er nå helt ferdig — backend, begge frontend-skjermer, og nå Open Graph-metadata, alt live samme dag. Oppsummert:
Én reell driftsfeil funnet før den nådde produksjon: generateMetadata() kjører server-side ved forespørselstid — går derfor ikke gjennom next.config.mjs sin rewrites() (som bare gjelder nettleser-trafikk). Den trengte TEECUP_API_ORIGIN direkte, men den variabelen fantes kun i Dockerfile sitt build-steg — ENV fra ett steg arves ikke til det neste i en multi-stage build. Rettet ved å sette den på nytt i runner-steget.

Verifisert presist, ikke bare at det kompilerte: bygget det ekte produksjonsimaget (ikke dev-server), pekte det mot en scratch-backend med ekte data, og hentet den faktiske server-rendrede HTML-en — bekreftet ekte og:title/og:description, og en trygg fallback-tittel for en ukjent turnering.

teeoff.no upåvirket gjennom hele runden.
2026-07-18 10:58:36 +02:00

44 lines
1.2 KiB
TypeScript

import type { Metadata } from "next"
import { PublicClub } from "@/components/public-club"
// Server-side -- går IKKE gjennom next.config.mjs sin rewrites() (kun for
// nettleser-trafikk inn til Next.js-serveren). Peker direkte på API-et.
const API_ORIGIN = process.env.TEECUP_API_ORIGIN || "http://localhost:8000"
type PublicOrgInfo = {
name: string
}
export async function generateMetadata({
params,
}: {
params: Promise<{ slug: string }>
}): Promise<Metadata> {
const { slug } = await params
try {
const res = await fetch(`${API_ORIGIN}/public/orgs/${slug}`, { cache: "no-store" })
if (!res.ok) {
return { title: "Klubb | TeeCup" }
}
const data: PublicOrgInfo = await res.json()
const title = `${data.name} | TeeCup`
const description = `Se ${data.name} sine turneringer på TeeCup.`
return {
title,
description,
openGraph: { title, description, siteName: "TeeCup", type: "website" },
twitter: { card: "summary", title, description },
}
} catch {
return { title: "TeeCup" }
}
}
export default async function ClubPage({
params,
}: {
params: Promise<{ slug: string }>
}) {
const { slug } = await params
return <PublicClub slug={slug} />
}