Portfolio

CMS Conf 2026: Moderne Webarkitektur

Bygging av en høyytelses konferansenettside med Astro 5, Tailwind 4 og en AI-først-tilnærming med LLM-optimalisering.

#Webutvikling #AI og SEO
CMS Conf 2026: Moderne Webarkitektur

Da vi begynte å planlegge den digitale tilstedeværelsen for CMS Conf 2026, visste vi at den standard “WordPress-tema + plugins”-veien ikke ville holde. Vi ville ha noe annerledes. Vi trengte en side som ikke bare var en brosjyre, men en innholdsplattform med høy ytelse: rask, vedlikeholdsvennlig og eksplisitt designet for AI-æraen.

Her er historien om hvordan nettsideteamet vårt—Agnieszka Palmowska, Maciek Palmowski og jeg selv—bygde fundamentet for CMS Conf 2026 ved hjelp av en moderne teknologistabel som er det optimale valget for webutvikling akkurat nå.

1. Hastighet som standard: Astro 5 og Tailwind CSS 4

Vi valgte Astro 5 av én enkel grunn: ytelse er en funksjon.

Som standard sender Astro null JavaScript til klienten. Dette betyr at sidene våre lastes umiddelbart, noe som er avgjørende for mobilbrukere som sjekker timeplanen eller foredragsholdere på ustabilt konferanse-Wi-Fi. Vi paret dette med Tailwind CSS 4 (ved bruk av den nye Vite-pluginen), som har vært en åpenbaring.

Vi målte implementeringen med flere verktøy, inkludert Google PageSpeed Insights, og oppnådde en perfekt score på 100 for ytelse.

CMS Conf PageSpeed Ytelse

Teknisk tips: Hvis du går over til Tailwind 4, bør du bruke @tailwindcss/vite-pluginen. Den kompilerer CSS-en din på millisekunder, noe som gjør utvikleropplevelsen utrolig smidig. Vi implementerte også LightningCSS (Rust-basert) for minifisering og bygde en tilpasset Vite-plugin for å forhåndslaste kritisk CSS, noe som eliminerer det irriterende “glimtet av ustylet innhold” (FOUC).

2. Myndiggjøring av teamet: Pages CMS

En vanlig flaskehals i statiske sideprosjekter er innholdsadministrasjon. Utviklere elsker Markdown; markedsføringsteam… ikke fullt så mye.

Maciej løste dette ved å integrere Pages CMS (pagescms.org). Det er et genialt hodeløst (headless) CMS som fungerer direkte med GitHub-repositoriet ditt. Det gir innholdsteamet vårt et brukervennlig grensesnitt for å administrere blogginnlegg og forfatterprofiler, men under panseret sender det bare endringer til repositoriet vårt.

Hvorfor dette fungerer:

  • Null infrastruktur: Ingen database å vedlikeholde, ingen servere å oppdatere.
  • Git-native: Hver innholdsendring utløser vår CI/CD-rørledning, som sikrer at ingenting går i stykker.
  • Kostnad: Det er gratis for offentlige repositorier.

3. Det “usynlige” arbeidet: Avansert SEO og schema

Rangering i 2026 krever mer enn bare nøkkelord. Du trenger struktur.

Vi gikk i dybden på Schema.org-implementering. Vi bygde en tilpasset SchemaOrg.astro-komponent som dynamisk genererer JSON-LD-strukturerte data for hver side.

Hva vi implementerte:

  • Organization Schema: Identifisering av Openweb S.C. som den juridiske enheten.
  • Event Schema: Gir Google nøyaktige datoer, plassering (PPNT Gdynia) og billettinformasjon.
  • @id-lenking: Avgjørende bruker vi @id-referanser for å “koble prikkene” mellom organisasjonen og arrangementet i Googles Knowledge Graph.

Pro-tips: Ikke stol på at standard SEO-plugins gjør alt. Å tilpasse schemaet ditt for å koble sammen enhetene (f.eks. ved å koble arrangementet ditt til organisasjonen din via ID-er) er et kraftig signal til søkemotorer om hvem du er og hva du gjør.

4. Optimalisering for AI-æraen (LLM)

Dette er min favorittdel. Søk endrer seg. Folk spør ChatGPT og Perplexity om arrangementer like ofte som de bruker Google. For å sikre at disse AI-systemene gir nøyaktige svar om CMS Conf, optimaliserte vi siden for dem.

Vi implementerte en llm.txt-fil i rotmappen på siden vår. Tenk på det som robots.txt, men for LLM-er. Den gir et strukturert, kontekstrik sammendrag av hele konferansen, foredragsholdere, datoer og teknologistabel—eksplisitt formatert for AI-bearbeiding.

Vi skrev til og med et tilpasset Node.js-skript som kjører ved bygging for å skanne metadataene våre og holde denne filen perfekt oppdatert. Resultatet? Når en AI gjennomgår siden vår, trenger den ikke å gjette. Vi forteller den nøyaktig hva CMS Conf er.

5. Automatisert kvalitetskontroll

Til slutt automatiserte vi de kjedelige tingene. Vi satte opp pre-build-kontroller med astro-link-validator for å sikre at vi aldri sender ut en ødelagt lenke. Vi validerte også omdirigeringene våre i astro.config.mjs for å håndtere gamle URL-er sømløst.

Konklusjonen

Byggingen av CMS Conf-nettsiden handlet ikke bare om kode; det handlet om å skape et system som tjener brukerne våre (hastighet), teamet vårt (håndterbarhet) og maskinene som hjelper folk med å finne oss (SEO og AI).

Hvis du bygger en innholdsrik side i 2026, anbefaler jeg på det sterkeste å se på denne Astro + Tailwind + Git-baserte CMS-arkitekturen. Den er lett, den er rask, og den skalerer vakkert.

Se den live: cmsconf.com

Vi har bare så vidt begynt. Ses i Gdynia i november!