Next.js-pohjaisen blogisivun toteutus

Abstract

Opinnäytetyön tarkoituksena oli toteuttaa moderneilla teknologioilla rakennettu verkkosivu, joka toimii henkilökohtaisena blogi- ja portfoliosivuna. Valmis toteutus on julkisesti saatavilla verkossa. Inspiraatio työhön tuli kirjoittajan tarpeesta luoda henkilökohtainen verkkosivu, joka auttaa verkostoitumisessa ja voi toimia taidonnäytteenä työelämässä sekä uusien teknologioiden oppimisessa.

Projekti toteutettiin käyttämällä useita moderneja web-teknologioita. Verkkosivussa käytettyjä pääteknologioita ovat Next.js-sovelluskehys, TypeScript-koodikieli, TailwindCSS ulkoasun rakentamiseen ja Outstatic CMS sisällönhallintaan. Muita asiat, joita työssä käsitellään, ovat muun muassa blogialustan ja ulkonäön suunnittelu, verkkosivun ylläpito ja jatkokehitysmahdollisuudet sekä -ideat.

Valmis sovellus tarjoaa monipuolisen pohjan tulevalle jatkokehitykselle. Projekti saavutti asetetut tavoitteet tarjoten oppimismahdollisuuksia moderneista web-teknologioista ja luoden käyttökelpoisen alustan verkostoitumiseen ja ammatillisen osaamisen esittelyyn.

Työn lähteinä pyrittiin käyttämään alasta tehtyä kirjallisuutta, käytettyjen teknologioiden dokumentaatioita, maailmanlaajuisia kyselyitä, mahdollisimman tuoreita kehittäjien ja asiantuntijoiden tuottamia verkkoartikkeleita ja aiheeseen liittyvien firmojen sivustoja. Verkkosivu on julkisesti katsottavissa osoitteessa nikoheikkila.vercel.app. Jos sivustolle pääsemisessä ilmenee ongelmia, opin-näytetyön liitteissä 1-4 on saatavilla kuvakaappaukset kaikista eri näkymistä ja ominaisuuksista.

The purpose of this thesis was to create a website using modern technologies which serves as a personal blog and portfolio page. The finished implementation is publicly available online. The inspiration came from the author's need to create a personal website that serves as a showcase of skills, help in networking and learning new technologies.

The project was implemented using a range of modern web technologies. The main technologies used were Next.js application framework, TypeScript-language, TailwindCSS for the layout and Outstatic CMS for content management. Other topics covered included designing a blog platform and user interface, web-site maintenance and development possibilities and ideas.

The completed application provides a good basis for continued development. The project achieved its objectives by providing learning opportunities on modern web technologies and creating a useful platform for presenting personal professional skills.

The sources of this thesis are literature on the subject, documentation of the technologies used, global surveys, freshly done articles by developers and experts in their specific fields and websites of companies relevant to the subject. The web-site is publicly available at nikoheikkila.vercel.app. If there are problems accessing the site, screenshots of all the pages and features are provided in the appendices.