NextJS-kehys sivuston moottorina

Muinaisina aikoina, kun interneti vasta syntyi, sivustot kehitettiin puhdalla HTML:llä. Tämä on kuitenkin jossain määrin hankalaa. Siksi ilmestyivät erikoistuneet ohjelmat, jotka on kirjoitettu yhdellä backend-kielistä (PHP, NodeJS jne.), jotka yksinkertaistavat sivuston kehitystä. Sivuston toimintaa tukevaa ohjelmaa kutsutaan sivuston moottoriksi.

Keskustellaan siitä, mitkä ovat puhtaaseen HTML:ään perustuvien sivustojen ongelmia, kuinka moottorit auttavat näiden ongelmien kanssa ja miten NextJS liittyy asiaan.

Oletetaan, että sinulla on monisivuinen sivusto puhdalla HTML:llä. Jokaisella sivuston sivulla sinulla on samanlaiset osat (esimerkiksi ylätunniste, alatunniste, sivupalkit) ja erilaiset osat (sivun sisältö, sen otsikko).

Oletetaan, että sinun täytyy tehdä jokin muutos, esimerkiksi sivuston ylätunnisteeseen. Tässä tapauksessa sinun täytyy tehdä muutoksia kaikkiin tiedostoihin, joissa on kyseinen ylätunniste. Tämä ei tietenkään ole kovin kätevää.

Siksi modernit sivustot toimivat moottoreiden päällä. Moottorit käyttävät erityistä lähestymistapaa. Tämän lähestymistavan ydin on, että luodaan yksi tiedosto, joka sisältää sivuston yleisen asettelun. Tämä tiedosto sisältää sivuston yhteiset osat.

Pyydetystä URL-osoitteesta riippuen asettelun erityiseen paikkaan lisätään sivuston sisältö, joka vastaa tätä URL-osoitetta.

Sivun sisällön ohella yleensä vaihtuu myös otsikko. Samalla sisältö ja otsikko lisätään asettelun eri paikkoihin. Tämän varmistaa myös sivuston moottori.

Jos SEO on meille tärkeää, niin jokaiselle sivuston sivulle meillä täytyy olla oma metakuvaus. Sen täytyy myös lisätään omaan paikkaansa asettelussa.

NextJS-kehys toimii kuvatulla tavalla. Toisin sanoen se on sivustomme moottori. Vastaavasti meillä on jossain erityinen tiedosto, joka sisältää sivuston yleisen asettelun. Sen tutkimiseen me ryhdymme tässä oppaän osassa.