Erol Haagenrud
6e688c6440
Diagnostisere de to feilmeldingene fra skjermbildene
Flytte frontend-sidene fra /rounds/* til /my-rounds/* (kollisjon med API-proxyen)
Oppdatere alle interne lenker/router-kall til nye stier
Oppdatere next.config.mjs-kommentaren med denne lærdommen
Typesjekket produksjonsbuild
Rulle ut live etter bekreftelse
Oppdatere statusdokumentasjon
Fant og fikset rot-årsaken til begge feilmeldingene — en reell, alvorlig bug, ikke bare kosmetikk:
/rounds var samtidig navnet på både frontend-listesiden og backend-APIets ressursprefiks. Next.js sin rewrite-presedens ("afterFiles") gjorde at:
GET/POST /rounds fra klienten aldri nådde backend — den statiske siden vant, så fetch() fikk Next sin egen HTML tilbake i stedet for JSON. Det ga akkurat de to feilmeldingene i skjermbildene.
/rounds/[id] (rundedetaljsiden) hadde det motsatte problemet — der vant rewriten, så selve siden var fullstendig uoppnåelig (ville vist rå backend-JSON i stedet for UI-et om du hadde kommet så langt).
Dette er nøyaktig samme klasse feil som medlemsside-hendelsen under ADR-016, bare i begge retninger samtidig siden det denne gangen var en eksakt navnekollisjon, ikke bare nøsting.
Fikset: flyttet alle tre frontend-sidene til /my-rounds/* (list, new, [id]) — API-et beholder /rounds uendret. Oppdatert alle interne lenker (round-card.tsx, own-rounds.tsx, new-round.tsx, round-detail.tsx, dashboard.tsx), lagt inn en tydelig advarsel i next.config.mjs for å hindre at dette gjentar seg. Bekreftet: «55/50/44/32» i det andre skjermbildet er ikke en bug — det er Tjøme Golfklubb sine faktiske utslagsnavn i teeoff (lengde i hundremeter).
Typesjekket produksjonsbuild kompilerer rent med de nye rutene.
50 lines
2.7 KiB
JavaScript
50 lines
2.7 KiB
JavaScript
// API-et proxyes server-side under samme opprinnelse (ingen CORS, cookien
|
|
// fungerer uendret) -- se ADR-009/015. TEECUP_API_ORIGIN peker mot en lokal
|
|
// backend i dev; i prod peker den mot teecup_api på det delte Docker-nettverket.
|
|
const API_ORIGIN = process.env.TEECUP_API_ORIGIN || "http://localhost:8000"
|
|
|
|
/** @type {import('next').NextConfig} */
|
|
const nextConfig = {
|
|
output: "standalone",
|
|
images: {
|
|
unoptimized: true,
|
|
},
|
|
// MERK (funnet 2026-07-19, se FEATURE_BACKLOG.md): en plain array her gir
|
|
// implisitt "afterFiles"-semantikk -- statiske filer/sider sjekkes FØR
|
|
// disse rewrites, men DYNAMISKE Next.js-sider (app/x/[id]/page.tsx)
|
|
// sjekkes ETTER. En frontend-SIDE må derfor ALDRI nestes direkte under
|
|
// et av prefiksene under (f.eks. /orgs/[id]/members) -- rewrite-regelen
|
|
// vinner presedens og siden blir uoppnåelig (rå API-404 i stedet).
|
|
// Legg nye frontend-sider et sted UTENFOR disse prefiksene (se
|
|
// app/organizations/[id]/members for eksempelet dette ble rettet på).
|
|
//
|
|
// SAMME FELLE, VERRE UTSLAG (funnet 2026-07-23, ADR-033): en EKSAKT
|
|
// kollisjon (ikke bare nøsting) mellom en frontend-side og et
|
|
// rewrite-prefiks slår begge veier. `/rounds` var opprinnelig BÅDE en
|
|
// frontend-liste-side OG rounds.py sitt API-prefiks -- statisk side vs.
|
|
// eksakt rewrite: SIDEN vant, så `fetch("/rounds")`/`POST /rounds` fra
|
|
// klienten traff aldri backend (fikk Next sin egen HTML tilbake, JSON-
|
|
// parsing feilet stille). `/rounds/[id]` (DYNAMISK side) vs.
|
|
// `/rounds/:path*`: REWRITEN vant, så selve rundedetalj-siden var
|
|
// fullstendig uoppnåelig (rå backend-JSON i stedet for UI-et). Løst ved
|
|
// å flytte frontend-sidene til et HELT ANNET toppnivå-prefiks
|
|
// (`/my-rounds/*`) som ikke overlapper `/rounds/*` i det hele tatt --
|
|
// API-et beholder `/rounds` uendret. Lærdom: et rewrite-prefiks og en
|
|
// frontend-sides toppnivå-segment må ALDRI være identisk streng, selv
|
|
// om det virker naturlig (f.eks. "runder" for begge).
|
|
async rewrites() {
|
|
return [
|
|
{ source: "/auth/:path*", destination: `${API_ORIGIN}/auth/:path*` },
|
|
{ source: "/orgs/:path*", destination: `${API_ORIGIN}/orgs/:path*` },
|
|
{ source: "/public/:path*", destination: `${API_ORIGIN}/public/:path*` },
|
|
{ source: "/superadmin/:path*", destination: `${API_ORIGIN}/superadmin/:path*` },
|
|
{ source: "/rounds/:path*", destination: `${API_ORIGIN}/rounds/:path*` },
|
|
{ source: "/rounds", destination: `${API_ORIGIN}/rounds` },
|
|
{ source: "/personal-courses/:path*", destination: `${API_ORIGIN}/personal-courses/:path*` },
|
|
{ source: "/personal-courses", destination: `${API_ORIGIN}/personal-courses` },
|
|
{ source: "/health", destination: `${API_ORIGIN}/health` },
|
|
]
|
|
},
|
|
}
|
|
|
|
export default nextConfig
|