Headless CMS-integraatio Next.js-projektissa

Abstract

Tämän opinnäytetyön aiheena oli sovelluskehitysprojekti, jonka tavoitteena oli kehittää henkilökunnan perehdytysportaali kauppakeskusympäristöön. Perehdytysportaali tuli olla käytettävissä ajasta ja paikasta riippumatta sekä helposti ylläpidettävissä kauppakeskusjohdon toimesta. Työn toimeksiantajana on Lahdessa sijaitseva Kauppakeskus Karisma, jolla oli tarve päivittää henkilökunnan perehdytyskäytäntöjä sekä materiaaleja. Opinnäytetyö rajautui käsittelemään headless sisällönhallintajärjestelmän integrointia osaksi Next.js-projektia. Projektissa kehitettiin perehdytysportaali toimeksiantajana toimineelle kauppakeskukselle. Opinnäytetyö on kehittämistehtävä ja siinä seurattiin portaalin kehittämistä alusta loppuun korostaen tarpeellisia kehitystyön osa-alueita. Projektissa käytettiin Next.js-sovelluskehystä yhdessä Vercel-julkaisualustan kanssa. Työn keskeisenä teknologisena valintana oli headless CMS-palveluntarjoajan valinta, jossa päädyttiin käyttämään Sanitya. Sovelluskehitysprosessi kattoi sisällönhallintajärjestelmän tietomallien rakentamisen, sisällön dynaamisen reitityksen sekä rikkaan tekstisisällön muotoilun käyttäen Portable Text -teknologiaa. Kehitystyö tehtiin Visual Studio Code -ympäristössä, hyödyntäen Sanityn API-yhteyksiä ja GROQ-kyselykieltä sisällön hallintaan. Lopputuloksena syntyi käyttövalmis perehdytysportaali, joka vastasi opinnäytetyön ja toimeksiantajan asettamiin tavoitteisiin. Sovellus tarjoaa pohjan jatkokehitykselle, johon voidaan sisällyttää käyttäjäpalautteen perusteella uusia ominaisuuksia. Opinnäytetyö antoi arvokasta tietoa modernin web-sovelluskehityksen haasteista ja ratkaisuista, sekä vahvisti tekijän ammatillista osaamista tulevia urahaasteita varten. Työn tulokset korostavat uusien teknologioiden ja innovatiivisten ratkaisujen merkitystä käytännön haasteiden ratkaisemisessa, mikä edesauttaa henkilökunnan tehokasta perehdyttämistä ja parantaa organisaation toiminnan tehokkuutta.