Miten tämä sivusto on tehty

Tämä sivusto on tehty Astrolla, kirjoitettu TypeScriptillä ja tyylitelty pelkällä CSS:llä ilman kehystä päällä. Se on staattinen sivusto, joten sivut latautuvat nopeasti ja ylläpidettävää on vähän.

Jokainen projekti on markdown-tiedosto, jossa on rakenteinen frontmatter. Sivuston koostaminen tarkistaa jokaisen tiedoston skeemaa vasten ja epäonnistuu, jos jotain puuttuu, joten rikkinäinen sivu ei koskaan päädy julkaisuun. Projektin lisääminen tarkoittaa kuvien pudottamista kansioon ja yhden tiedoston kirjoittamista.

Claude Code -agentti työskentelee koodivarastossa. Lyhyt ohjetiedosto kertoo sille suunnittelusäännöt, sisältöskeeman ja sen, miten kirjoitan. Pudotan raakatiedostot kansioon, pyydän ensimmäisen luonnoksen ja korjaan sitä, kunnes se kuulostaa minulta.

Sivut on rakennettu myös hakua ja tekoälyn vastauspalveluita varten: kuvaavat otsikot, rakenteinen data ja koko sivuston tekstimuotoinen tiivistelmä. Ajastettu agentti ajaa hakutarkistuksen uudelleen joka maanantai. Se lukee, millä hakusanoilla ihmiset löytävät sivuston, kuinka paljon kutakin sivua käytetään ja mitkä hakusanat ovat nousussa Suomessa ja muissa maissa, joissa työskentelen, ja ehdottaa uusia otsikoita ja kuvauksia. Hyväksyn jokaisen muutoksen ennen kuin se menee julkiseksi.

Agentin luonnokset ovat hyviä mutta yleisiä, joten ääneen tarvitaan yhä minua. Suurin osa muokkauksistani menee sääntöihin, joiden mukaan agentti työskentelee.