Next.js ja Typescript verkkosivuston kehityksessä

Abstract

Tämän opinnäytetyön tavoite oli perehtyä Javascriptin ja Typescriptin, sekä Next.js:n ja Reactin toimintaan ja eroavaisuuksiin. Tavoitteena oli myös selvit- tää, kuinka paljon Reactiin on asennettava lisää paketteja, jotta siihen saa- daan samat toiminnallisuudet kuin Next.js sisältää. Toimeksiantaja opinnäytetyölle toimi Hurja Solutions Oy, joka tuottaa verkko- palveluita, räätälöityjä ohjelmistoja, mobiiliapplikaatiota sekä lisätyn todellisuu- den (AR) -sovelluksia. Yritys kokeilee aktiivisesti uusia teknologioita, ja tämä työ on osa tällaista kokeilua. Opinnäytetyön alussa käydään läpi ohjelmointikielet Typescript sekä Ja- vascript ja näihin liittyviä käsitteitä. Tämän jälkeen käydään läpi, mikä on oh- jelmistokehys, ja esitellään näistä Next.js sekä React niiden ominaisuuksi- neen. Työssä tehdään blogisivusto näillä ohjelmistokehyksillä sekä ohjelmisto- kielillä ja tehdään vertailua näiden välillä. Työssä sivusto tehdään ensin Next.js:n ja Typescriptin avulla käyttäen Static Site Generation, Incremental Static Regeneration ja Server Side Rendering- menetelmiä. Tämän jälkeen sivusto toteutetaan käyttäen Reactia ja Javascrip- tiä. Tämän jälkeen samaa sivustoa lähdetään toteuttamaan Reactilla ja tarkoi- tuksena on käyttää samoja renderöinti menetelmiä kuin Next.js esimerkissä. Opinnäytetyön tuloksena saadun vertailun pohjalta todetaan, että Reactissa jo perustoiminnallisuudet vaatisivat lisäpakettien asentamista. Jos käyttöön halu- taan ottaa Static Site Generation-, Incremental Static Regeneration- ja Server Side Rendering -menetelmiä, on vaihtoehtoina ottaa käyttöön jokin nämä tai- tava ohjelmistokehys tai oman toteutuksen koodaaminen palvelin toteutuksi- neen.