Uuden verkkosivun tarina: miten mik.fi rakennettiin

Moni kerholainen huomasi viime tammikuussa, että mik.fi näytti yhtäkkiä ihan erilaiselta. Vanha WordPress-sivusto vaihtui modernimpaan, nopeampaan ja kolmikieliseen sivustoon. Tässä on tarina siitä, miten se rakennettiin — ja mitä tapahtui sen jälkeen.

Miksi uusi sivusto?

Vanha sivusto oli rakennettu WordPressillä, eikä sitä ollut suunniteltu mobiilikäyttöön eikä usealle kielelle. Sisällön päivittäminen vaati kirjautumisen ylläpitopaneeliin, eikä muutoksia näkynyt versiohistoriassa mihinkään. Tavoite oli yksinkertainen: nykyaikainen, nopea ja kaikilla laitteilla toimiva sivusto, jonka sisältöä kuka tahansa kerhon vapaaehtoisista voisi päivittää suoraan tekstitiedostoja muokkaamalla — ja josta jäisi aina jälki Gitiin.

Miten se rakennettiin

Projekti sai alkunsa 25.11.2025, kun Chris Whellams käynnisti uuden repositorion. Perusta rakennettiin heti samana päivänä GitHub Copilotin autonomisen koodausagentin avulla — se pystytti Astro-pohjaisen sivuston uutis- ja tapahtumatuella yhdessä ajossa. Sen jälkeen sivusto on kasvanut vaiheittain, pääosin vapaaehtoisvoimin, palasta palaan.

Tekninen perusta on tänään:

• Astro 5 staattisten ja osittain palvelinrenderöityjen sivujen generointiin
• TypeScript koko koodikannassa
• Tailwind CSS ulkoasuun
• Content Collections blogille, uutisille ja sivuille — jokainen artikkeli on Markdown- tai MDX-tiedosto, jonka kentät (otsikko, kuvaus, julkaisupäivä, kieli…) tarkistetaan automaattisesti Zod-skeemalla
• Cloudflare Pages julkaisualustana — jokainen mergetty muutos päätyy tuotantoon automaattisesti

Sisällönhallinta on tarkoituksella yksinkertaista: uusi blogikirjoitus tai uutinen on yksi Markdown-tiedosto src/content/-kansiossa. Kuville rakennettiin oma pieni remark-liitännäinen, jonka avulla tavallisesta ![kuva](polku "kuvateksti")-syntaksista saa kuvatekstin, klikattavan suurikokoisen version ja mukautetun leveyden ilman erillisiä komponentteja tai importteja.

Myös itse muutosten tekeminen on pidetty kevyenä: sisältöä ja koodia muokataan omalla haaralla, npm run dev näyttää muutokset heti paikallisesti, ja ennen pull requestia koodi ajetaan npm run formatin läpi Prettierillä. Cloudflare Pages hoitaa varsinaisen julkaisun automaattisesti heti kun muutos mergetään päähaaraan — erillistä käyttöönottoaskelta ei tarvita.

Kolme kieltä, yksi sisältö

Suomi on sivuston oletuskieli ilman URL-etuliitettä, ruotsi löytyy /sv/- ja englanti /en/-poluista. Jokainen sivu ja artikkeli on olemassa erikseen kullakin kielellä, ja kieltenvälinen navigointi säilyttää aina käyttäjän sijainnin sivustolla.

Aikajana

• Marraskuu 2025 — Projekti käynnistyy, ensimmäinen versio syntyy Copilotin agentin avustuksella
• Joulukuu 2025 — Niko Ikonen liittyy mukaan ja rakentaa sisältömalleja ja kolmikielisiä sivuja
• Tammikuu 2026 — Uusi sivusto julkaistaan (14.1.)
• Helmikuu 2026 — Kalle Autio ja Jani Grundström liittyvät tekijöiden joukkoon, kuvaominaisuuksia laajennetaan
• Heinäkuu 2026 — Julkinen tapahtumasivu alkaa hakea dataa suoraan kerhon omasta mik-ng-järjestelmästä, ja aikavyöhyke- ja rakenteellisen datan käsittelyä parannetaan
• Elokuu 2026 — Astro, Tailwind, MDX ja Cloudflare-adapteri päivitetään uusimpiin pääversioihin, käännösvirheitä korjataan

Tekijät

Sivuston taakse on vuoden aikana kertynyt pieni joukko vapaaehtoisia: Chris Whellams käynnisti projektin, Niko Ikonen on rakentanut suurimman osan sisältörakenteesta ja ominaisuuksista, ja Kalle Autio, Jani Grundström sekä Kim G. ovat tuoneet sisältöä ja korjauksia matkan varrella. Kaikki työ on tehty kerhon vapaa-ajalla, harrastuksena harrastuksen rinnalla.

Tekoäly osana työkalupakkia

Sivuston koodihistoria kertoo myös toisen tarinan: tekoälyavusteisen kehityksen vähittäisestä yleistymisestä. Ensimmäinen versio sivustosta syntyi marraskuussa 2025 GitHub Copilotin autonomisen koodausagentin tekemänä yhdessä ajossa — ihmisen roolina oli antaa tehtävä ja tarkistaa lopputulos. Heinäkuussa 2026 työkalupakkiin liittyi myös Claude Code, jota on käytetty muun muassa tapahtumasivun mik-ng-integraation ja aikavyöhykekäsittelyn rakentamisessa. Molemmat agentit toimivat rinnalla ihmisten tekemän suunnittelu- ja katselmointityön kanssa — eivät niiden korvikkeena.

Mitä on tulossa seuraavaksi?

Avoimien GitHub-issueiden perusteella sivustolla on ainakin nämä asiat työn alla:

• Siirtyminen Cloudflare Pagesista Cloudflare Workersiin — alustan uudempaan, aktiivisemmin kehitettyyn julkaisumalliin
• Rikkaammat tapahtumakortit, kun mik-ng:n tapahtuma-API alkaa tarjota myös kuvia ja esiintyjätietoja
• Uusia koulutuspolkuja koulutussivulle, kuten LAPL(S) → LAPL(A) ja PPL(A) SEP(land) -siirtymät

Sisältöä tulee lisää sitä mukaa kun kerholla on kerrottavaa — viime aikoina muun muassa uutisia EFHK:n lennonjohtokeskusvierailusta ja tämän kesän kesäjuhlista. Jos haluat itse kirjoittaa blogikirjoituksen tai uutisen, ota yhteyttä kerhon verkkotiimiin!