Verkkosivuston toteutus Astro Web Framework alustalla
Lahtela, Heikki (2026)
2026
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202604237571
https://urn.fi/URN:NBN:fi:amk-202604237571
Tiivistelmä
Tässä insinöörityössä rakennettiin verkkosivusto hyödyntäen ”Astro Web Framework” alustaa. Toteutuksen keskiöön valittiin Astro, joka oli saanut huomattavaa nostetta aihealueella ja tarkemman tarkastelun jälkeen vaikutti järkevältä ja lupaa-valta. Astro on JavaScript -ohjelmointikielellä toteutettu kehitysympäristö, joka pyörii Node.js arkkitehtuurin päällä. Koko julkaisuprosessi lähtien projektin pystytyksestä, sivujen ja sivupohjien luomisesta lopullisen HTML-koodin tuottamiseen, tapahtuu JavaScriptillä.
Astron suurin hyöty oli siihen rakennettu kyky liittää komponentteja muista JavaScript -kehitysympäristöistä. Astroon oli mahdollista liittää React, Vue ja Svelte -komponentteja, joko yhdessä tai erikseen. Näistä komponenteista käännettiin lopullinen ohjelmakoodi, joka oli julkaisuvalmis ja liitettiin suoraan CI/CD julkaisuputkeen. Tämä mahdollisti sivuston muutosten automaattisen julkaisun käyttäen hyväksi Git -versionhallintaa ja Netlify -palvelua.
Verkkosivusto rakennettiin fiktiiviselle toimijalle, joka muistutti rakenteeltaan pienyritystä tai yhdistystä. Sivuston toteutus muistutti ammattimaista projektitoteutusta, jossa ensin laadittiin ulkoasu, sitten pyrittiin rakentamaan varsinainen verkkosivusto noudattamaan tätä mainittua ulkoasua. Jotta insinöörityöstä ei tulisi pelkkää kopiota Astro -dokumentaatiosta, tämä toteutustapa asetti realistisen haasteen alustalle. Sivusto sisälsi perinteisten sisältösivujen lisäksi blogitoiminnallisuuden ja responsiivisen mobiilitoteutuksen.
Työ onnistui suunnitelman mukaisesti ja jatkokehitysmahdollisuuksina olisi liittää vaativampia komponentteja eri kehitysympäristöistä ja tutkia niiden toimivuutta ja tehokkuutta.
Astron suurin hyöty oli siihen rakennettu kyky liittää komponentteja muista JavaScript -kehitysympäristöistä. Astroon oli mahdollista liittää React, Vue ja Svelte -komponentteja, joko yhdessä tai erikseen. Näistä komponenteista käännettiin lopullinen ohjelmakoodi, joka oli julkaisuvalmis ja liitettiin suoraan CI/CD julkaisuputkeen. Tämä mahdollisti sivuston muutosten automaattisen julkaisun käyttäen hyväksi Git -versionhallintaa ja Netlify -palvelua.
Verkkosivusto rakennettiin fiktiiviselle toimijalle, joka muistutti rakenteeltaan pienyritystä tai yhdistystä. Sivuston toteutus muistutti ammattimaista projektitoteutusta, jossa ensin laadittiin ulkoasu, sitten pyrittiin rakentamaan varsinainen verkkosivusto noudattamaan tätä mainittua ulkoasua. Jotta insinöörityöstä ei tulisi pelkkää kopiota Astro -dokumentaatiosta, tämä toteutustapa asetti realistisen haasteen alustalle. Sivusto sisälsi perinteisten sisältösivujen lisäksi blogitoiminnallisuuden ja responsiivisen mobiilitoteutuksen.
Työ onnistui suunnitelman mukaisesti ja jatkokehitysmahdollisuuksina olisi liittää vaativampia komponentteja eri kehitysympäristöistä ja tutkia niiden toimivuutta ja tehokkuutta.