Integration of server side rendering framework with content management system
Askari, Jaber (2023)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2023052915251
https://urn.fi/URN:NBN:fi:amk-2023052915251
Tiivistelmä
Hakukoneista on tulossa yhä tärkeämpiä moderneille yrityksille, jotka haluavat olla helpommin saatavilla ja löydettävissä internetissä. Siksi verkkosivustoja optimoidaan yhä enemmän hakukoneiden kriteerien perusteella. Tämä on saanut alan siirtymään kohti hakukoneoptimointia (Search Engine Optimization, SEO). SEO:sta on tullut erittäin tärkeä yrityksille. Siksi tavoitteena oli vastata tarpeeseen tarjoamalla tehokas arkkitehtuuri, joka tarjoaa erittäin optimoidun verkkosivuston hakukoneille.
Tämän tavoitteen saavuttamiseksi on tutkittu joitakin tekniikoita, jotka tarjoavat parhaan hakukoneoptimoinnin. Gatsby tarjoaa palvelinpuolen renderöinnin (server-side rendering, SSR), joka sopii erinomaisesti hakukoneoptimointiin. Gatsbyä käytetään myös yleisesti staattisemman sivuston kanssa, joka on paras hakukoneoptimoinnin kannalta. Tämän staattisen sisällön tarjoamiseksi Gatsbylle vaadittiin sisällönhallintajärjestelmä (Content Management System, CMS). Contentful on headless sisällönhallintajärjestelmä, jota tutkittiin. Lopulliseen ratkaisuun näiden kahden teknologian integrointi oli ratkaisevan tärkeää, Gatsby SSR-kehyksenä ja Contentful CMS-järjestelmänä.
Tuloksena syntyi Viinimaan arkkitehtuuri (viinimaa.fi), joka luo tutkituilla teknologioilla nopean, responsiivisen ja hakukoneoptimoidun sivuston. Tätä arkkitehtuuria voidaan käyttää mallina samankaltaisille sivustoille, joissa käytetään Gatsbya ja Contentfulia. As modern businesses are trying to be more accessible and easily findable through the internet, search engines are becoming more important. Therefore, websites are going toward becoming more and more optimized based on search engine criteria. This has caused the industry to shift towards Search Engine Optimization (SEO). SEO has become a crucial part of businesses. therefore, the aim was to address this issue by providing an efficient architecture that offers a highly optimized website for search engines.
To achieve this goal some technologies that offer the best SEO has been researched. Gatsby framework offers server-side rendering (SSR) which is great for SEO. Gatsby is also used generally with a more static site which again static contents have the best SEO. To provide this static content to the Gatsby a headless Content Management System was required (CMS). Contentful is a headless CMS that was researched. To present the final solution the integration of these 2 technologies was crucial, Gatsby as a SSR framework and Contentful as a CMS.
The result was Viinimaa’s architecture (viinimaa.fi) which uses the researched technologies to create a fast, responsive, and highly optimized website for search engines. This architecture can be used as a base template for similar sites integrating Gatsby and Contentful together.
Tämän tavoitteen saavuttamiseksi on tutkittu joitakin tekniikoita, jotka tarjoavat parhaan hakukoneoptimoinnin. Gatsby tarjoaa palvelinpuolen renderöinnin (server-side rendering, SSR), joka sopii erinomaisesti hakukoneoptimointiin. Gatsbyä käytetään myös yleisesti staattisemman sivuston kanssa, joka on paras hakukoneoptimoinnin kannalta. Tämän staattisen sisällön tarjoamiseksi Gatsbylle vaadittiin sisällönhallintajärjestelmä (Content Management System, CMS). Contentful on headless sisällönhallintajärjestelmä, jota tutkittiin. Lopulliseen ratkaisuun näiden kahden teknologian integrointi oli ratkaisevan tärkeää, Gatsby SSR-kehyksenä ja Contentful CMS-järjestelmänä.
Tuloksena syntyi Viinimaan arkkitehtuuri (viinimaa.fi), joka luo tutkituilla teknologioilla nopean, responsiivisen ja hakukoneoptimoidun sivuston. Tätä arkkitehtuuria voidaan käyttää mallina samankaltaisille sivustoille, joissa käytetään Gatsbya ja Contentfulia.
To achieve this goal some technologies that offer the best SEO has been researched. Gatsby framework offers server-side rendering (SSR) which is great for SEO. Gatsby is also used generally with a more static site which again static contents have the best SEO. To provide this static content to the Gatsby a headless Content Management System was required (CMS). Contentful is a headless CMS that was researched. To present the final solution the integration of these 2 technologies was crucial, Gatsby as a SSR framework and Contentful as a CMS.
The result was Viinimaa’s architecture (viinimaa.fi) which uses the researched technologies to create a fast, responsive, and highly optimized website for search engines. This architecture can be used as a base template for similar sites integrating Gatsby and Contentful together.