Berättelsen om den nya webbplatsen: så byggdes mik.fi

Många klubbmedlemmar märkte i januari att mik.fi plötsligt såg helt annorlunda ut. Den gamla WordPress-webbplatsen ersattes av en modernare, snabbare och trespråkig webbplats. Här är berättelsen om hur den byggdes — och vad som hände sedan.

Varför en ny webbplats?

Den gamla webbplatsen var byggd med WordPress och var inte planerad för mobil användning eller för flera språk. För att uppdatera innehållet måste man logga in i en administrationspanel, och ändringarna syntes inte i någon versionshistorik. Målet var enkelt: en modern, snabb webbplats som fungerar på alla enheter, och vars innehåll vem som helst av klubbens frivilliga kan uppdatera direkt genom att redigera textfiler — och som alltid lämnar ett spår i Git.

Så byggdes den

Projektet startade den 25 november 2025, när Chris Whellams skapade ett nytt repositorium. Grunden byggdes samma dag med hjälp av GitHub Copilots autonoma kodningsagent — den satte upp en Astro-baserad webbplats med stöd för nyheter och evenemang i en enda körning. Sedan dess har webbplatsen vuxit stegvis, främst med frivilliga krafter, bit för bit.

Den tekniska grunden i dag:

• Astro 5 för att generera statiska och delvis serverrenderade sidor
• TypeScript i hela kodbasen
• Tailwind CSS för utseendet
• Content Collections för bloggen, nyheterna och sidorna — varje artikel är en Markdown- eller MDX-fil vars fält (rubrik, beskrivning, publiceringsdatum, språk…) kontrolleras automatiskt med ett Zod-schema
• Cloudflare Pages som publiceringsplattform — varje sammanslagen ändring går automatiskt ut i produktion

Innehållshanteringen är medvetet enkel: ett nytt blogginlägg eller en nyhet är en enda Markdown-fil i mappen src/content/. För bilderna byggdes ett litet eget remark-tillägg som gör att den vanliga syntaxen ![bild](sökväg "bildtext") ger en bildtext, en klickbar högupplöst version och anpassad bredd, utan separata komponenter eller importer.

Även själva arbetet med ändringar har hållits lätt: innehåll och kod redigeras i en egen gren, npm run dev visar ändringarna direkt lokalt, och före en pull request körs koden genom Prettier med npm run format. Cloudflare Pages sköter själva publiceringen automatiskt så fort ändringen slås ihop med huvudgrenen — inget separat driftsättningssteg behövs.

Uppdatering i oktober 2026: sedan inlägget skrevs har webbplatsen flyttats från Cloudflare Pages till Cloudflare Workers (augusti 2026) och uppgraderats till Astro 7, och kommandona är nu pnpm dev och pnpm format.

Tre språk, ett innehåll

Finska är webbplatsens standardspråk utan URL-prefix, svenska finns under /sv/ och engelska under /en/. Varje sida och artikel finns separat på varje språk, och när man byter språk behåller man alltid sin plats på webbplatsen.

Tidslinje

• November 2025 — Projektet startar, den första versionen tas fram med hjälp av Copilots agent
• December 2025 — Niko Ikonen ansluter och bygger innehållsmodeller och trespråkiga sidor
• Januari 2026 — Den nya webbplatsen lanseras (14.1.)
• Februari 2026 — Kalle Autio och Jani Grundström ansluter till teamet, bildfunktionerna utökas
• Juli 2026 — Den offentliga evenemangssidan börjar hämta data direkt från klubbens eget mik-ng-system, och hanteringen av tidszoner och strukturerad data förbättras
• Augusti 2026 — Astro, Tailwind, MDX och Cloudflare-adaptern uppdateras till de senaste huvudversionerna, kompileringsfel åtgärdas

Upphovspersonerna

Under året har en liten grupp frivilliga samlats bakom webbplatsen: Chris Whellams startade projektet, Niko Ikonen har byggt största delen av innehållsstrukturen och funktionerna, och Kalle Autio, Jani Grundström och Kim G. har bidragit med innehåll och rättelser längs vägen. Allt arbete har gjorts på fritiden, som en hobby vid sidan av hobbyn.

AI som en del av verktygslådan

Webbplatsens kodhistorik berättar också en annan historia: om hur AI-assisterad utveckling gradvis blivit vanligare. Den första versionen av webbplatsen togs fram i november 2025 av GitHub Copilots autonoma kodningsagent i en enda körning — människans roll var att ge uppgiften och granska resultatet. I juli 2026 kom även Claude Code med i verktygslådan, och det har bland annat använts för att bygga evenemangssidans mik-ng-integration och tidszonshanteringen. Båda agenterna arbetar sida vid sida med människornas planering och granskning — inte som en ersättning för dem.

Vad är på gång härnäst?

Utifrån de öppna GitHub-ärendena är åtminstone följande på gång för webbplatsen:

• Övergång från Cloudflare Pages till Cloudflare Workers — plattformens nyare och mer aktivt utvecklade publiceringsmodell (klart i augusti 2026)
• Rikare evenemangskort, när mik-ng:s evenemangs-API även börjar leverera bilder och uppgifter om medverkande
• Nya utbildningsvägar på utbildningssidan, till exempel övergångarna LAPL(S) → LAPL(A) och PPL(A) SEP(land)

Mer innehåll kommer i takt med att klubben har något att berätta — på senare tid bland annat nyheter om besöket på EFHK:s flygledningscentral och sommarens sommarfest. Om du själv vill skriva ett blogginlägg eller en nyhet, kontakta klubbens webbteam!