Headless WordPressin ja Next.js:n integraatio

Abstract

Opinnäytetyöni tarkoituksena oli kehittää verkkosivu, jonka avulla toimeksiantajan palvelut tulevat paremmin esille ja helpommin löydettäväksi verkossa. Verkkosivu toteutettiin hyödyntäen Headless-teknologiaa, jossa backendinä toimii WordPress ja frontendinä Next.js. Opinnäytetyöni toimeksiantajana toimii Kyrola Consulting Oy.

Opinnäytetyö toteutettiin kehittämispainotteisena opinnäytetyönä, jossa otettiin huomioon koko verkkosivun kehittämiskaari verkkosivun suunnittelusta kehittämiseen asti. Teknologioiden taustoissa käydään läpi kaikki teknologiat, joita opinnäytetyössä hyödynnettiin. Keskeisenä osana verkkosivustoa oli WordPressin ja Next.js:n integraatio, jossa WordPressissä hallinnoitu sisältö tuodaan näyttävästi esille Next.js-sivustolla Vercelin pilvipalvelimella.

Opinnäytetyön lopulliseksi lopputulukseksi tuli Kyrola Consulting Oy:lle valmis verkkosivu, jonka kautta toimeksiantajan palvelut ovat helposti ja selkeästi saatavilla verkossa.

The purpose of my thesis was to develop a website that showcases the client's services more effectively and makes them easier to find online. The website is implemented using Headless technology, with WordPress as the backend and Next.js as the frontend. Kyrola Consulting Oy served as the client for my thesis.

The thesis was conducted as a development-oriented project, considering the entire development cycle of the website from planning to implementation. The background sections on technologies cover all the technologies utilized in the thesis. A key aspect of the website was the integration of WordPress and Next.js, where content managed in WordPress is prominently displayed on the Next.js site hosted on the Vercel cloud platform.

The final outcome of the thesis was a completed website for Kyrola Consulting Oy, through which the client's services are easily and clearly accessible online.