JAMstack – dynaamisesti toimiva staattinen verkkosivusto

Abstract

Tämän opinnäytetyön tarkoituksena oli perehtyä modernin web-kehityksen JAMstack-arkkitehtuuriin ja luoda sen ideologian mukainen staattinen blogisivusto. Motiivina oli tutkia JAMstack-arkkitehtuuria web-kehityksen vaihtoehtona palvelinvetoiselle dynaamiselle ratkaisulle. Toteutuksen staattisen verkkosivuston tuli sisältää dynaamiselle verkkosivustolle tyypillisiä ominaisuuksia, kuten sisällönhallintajärjestelmä ja kommentointimahdollisuus.

Opinnäytetyössä käsiteltiin ensiksi JAMstack-arkkitehtuurin teoriaa, sen tuomia hyötyjä ja soveltuvuutta eri käyttökohteisiin. Seuraavaksi käsiteltiin blogisivuston toteutusta sekä kokonaisuutena että yksittäisesti sen komponentteja ja tekniikoita tarkastellen. Lopuksi arvioitiin blogisivuston toteutusta sekä testattiin sen suorituskykyä ja toiminnallisuutta.

Työntuloksena saavutettiin valmis julkaistu blogisivusto, joka täytti sille työn alussa määritellyt vaatimukset. Toteutuksen suorituskyky ja toiminnallisuus testattiin ja todennettiin hyväksi sekä ohjelmallisesti simuloiden että todellisessa käyttötilanteessa. Toteutuksessa onnistuttiin saavuttamaan käyttökuluiltaan ilmainen kokonaisuus. Johtopäätöksenä tehdyn tutkimus- ja kehitystyön pohjalta todettiin JAMstack-arkkitehtuurin olevan perusteltu vaihtoehto pienistä keskisuurille verkkosivustoille.

The objective of this thesis was to research the modern web development architecture, JAMstack, and to create a static blog site according to its ideology. The motive was to analyse JAMstack architecture as an alternative option in web development to a server-based dynamic solution. The implemented static website was to include features typical to a dynamic website such as a content management system and an ability to comment.

In this thesis, first the theory of JAMstack architecture was addressed, along with the benefits brought by it and its applicability for various uses. Next the implementation of the blog site was analysed both as an entirety and singularly reviewing its components and techniques. In the end, the implementation of the blog site was deliberated and its performance and functionality tested.

As the result of this thesis, a complete published blog site was created that also fulfilled the requirements specified in the beginning. The performance and functionality of the implementation was tested and confirmed desirable by both programmatically simulating and in a real-world condition. The implementation was achieved to be operating cost-free. As a conclusion based on the done research and development work, JAMstack architecture was found to be an efficient option for small to medium-sized websites.