Prosjektet slet med en hybridløsning der jeg måtte dulle med navigasjon og SEO-info manuelt overalt. Det ble fort rotete. Samtidig var systemet litt treigt fordi ting skjedde synkront og låste opp ressurser, og det dukka opp feil når ting skulle lastes inn i nettleseren – noe som ga både visuell flimring og stygge advarsler i konsollen.

Hensikten var å få alt inn i en "Single Source of Truth" for å automatisere både navigasjon og SEO. Jeg skulle også rydde opp i innholdsarkivet og sørge for at alt lasta inn knirkefritt uten layout-skift eller hydrerings-tull.

• For å løse dette har jeg gjennomført følgende tiltak:
• Jeg har bytta ut den manuelle menylista med et dynamisk system som også tar seg av SEO-biten, så søkemotorene alltid får riktig data.
• Jeg har fiksa et eget loggarkiv så det er lettere å filtrere på prosjekter og emner, og lagt inn skikkelige merkelapper på alt.
• Jeg har fjerna hydreringsfeil ved å bruke <template>-rammer på de rette stedene.
• Jeg har pakka inn asynkrone komponenter i Suspense for å ha kontroll på lastetilstander, så brukeren faktisk ser at ting skjer.
• Jeg har kasta ut debug-logger og rydda i navngivningen i dokumentasjonen for å unngå logiske feil senere.

Gjennom dette arbeidet har jeg fått en plattform jeg faktisk kan stole på. Navigasjon og SEO ruller av seg selv, og systemet tåler litt trøkk uten å låse seg helt. Innlastingsfeila er borte, og brukeropplevelsen føles mye proffere nå som ting flyter som det skal.

• Nuxt Framework Dokumentasjon
• Vue.js Offisiell Dokumentasjon
• Vitest Testing Framework
• W3C WCAG 2.2 Retningslinjer for Universell Utforming