Full Stack -sovelluksen toteutus Next.js:n avulla : kristiankahkonen.com

Abstract

Opinnäytetyön tarkoituksena oli luoda moderneilla teknologioilla ja tavoilla toteutettu full stack -sovellus. Full stack -sovellus tarkoittaa tässä opinnäytetyössä yksinkertaistetusti verkkosivua, joka on julkisesti katseltavissa. Lopullinen tulos on verkkosivu, joka toimii kirjoittajan portfolio- ja blogisivuna. Projektin inspiraationa oli oppia hyödyntämään uusia teknologioita sekä luoda kattava portfoliosivu, joka auttaa työnhaussa ja verkostoitumisessa, sekä antaa mahdollisuuden jakaa mielenkiintoisia aiheita blogeissa kaikille ympäri maailmaa. Tekijällä on harrastuneisuutta sekä työkokemusta full stack -sovelluskehityksestä.

Työssä esitellään kattavasti, millaista on toteuttaa full stack -sovellus seuraavilla teknologioilla: Next.js (React), TypeScript, TailwindCSS, Framer Motion, Directus, Cloudflare ja Oracle Cloud. Opinnäytetyössä esitellään aiemmin mainittujen asioiden lisäksi monia pääteemaan liittyviä asioita, muun muassa Slackin työpöytäversion siirtyminen JavaScriptistä TypeScriptiin, GDPR-säännösten huomiointi ohjelmistokehityksessä, sekä Oracle Cloud -palvelimen ylläpito ja huoltaminen tietoturvallisesti.

Valmiista projektista tuli laadukas ja hyvin hiottu. Sivulla on käynyt tuhansia käyttäjiä ensimmäisen kuukauden aikana julkaisusta. Kun sivusta on pyydetty palautetta, palaute on ollut äärimmäisen positiivista, erityisesti sivun käyttöliittymästä ja käyttäjäkokemuksesta. Projekti todennäköisesti auttoi kirjoittajaa saamaan ensimmäisen ohjelmistokehitysalan työpaikan.

Opinnäytetyön lähteinä käytettiin alan kansanvälistä kirjallisuutta, ohjelmistokirjastojen dokumentaatioita, suuria kansanvälisiä kyselyjä kehittäjiltä sekä eri firmojen sivuja. Lopullinen sivu on julkisesti katsottavissa osoitteessa https://kristiankahkonen.com/. Sivulle pääsee myös skannaamalla QR-koodin opinnäytetyön viidennen eli viimeisen kappaleen lopussa.

The objective of this project was to develop a full stack application that utilises modern web development technologies and techniques. The completed application is a webpage that serves as a portfolio and a blog. The main motivation for this project was to showcase the author’s skills, which may help in job hunting and networking. The author has experience in this area thanks to hobby projects and work experience.

The technologies that were used are the following: Next.js (React), TypeScript, TailwindCSS, Framer Motion, Directus, Cloudflare and Oracle Cloud. In addition to showcasing these technologies, the thesis discussed other relevant topics that included Slack’s desktop application’s transition from JavaScript to Typescript and taking notice of GDPR-regulations in software development.

The completed project was well polished. The site has had thousands of visitors during the first month of the release and received excellent feedback of the site’s user interface and user experience. The project most likely helped the author get their first software development position.

This thesis utilises multiple sources of information. The main sources of the information are from international literature, documentation of software libraries, large international surveys from software developers and multiple company websites. The final webpage is publicly viewable at https://kristiankahkonen.com/.