Verkkosovelluksen frontend-kehitys modernien verkkokehitystyökalujen avulla

Abstract

Opinnäytetyössä vertailtiin erilaisia JavaScript-pohjaisia verkkokehitystyökaluja ja tarkasteltiin niiden hyödyllisyyttä yksittäisen kehittäjän näkökulmasta. Nykyaikaisessa verkkokehityksessä sovellusten käyttöliittymiä voidaan toteuttaa monin tavoin saatavilla olevien työkalujen ja kirjastojen runsauden vuoksi. Työn tavoitteena oli vertailla erilaisten verkkokehitystyökalujen vahvuuksia ja heikkouksia.

Työssä käsiteltiin JavaScript-verkkokehityksen historiaa ja sitä, miksi sen ympärille kehittyneen ekosysteemin ymmärtäminen on kriittinen osa verkkokehitystä. Työssä otettiin esille tällä hetkellä suosittuja teknologioita, jotka kilpailevat samojen ongelmien ratkaisusta, ja käytiin läpi niiden lähestymistapoja verkkokehitykseen.

Työn konkreettisena tarkoituksena oli kehittää esimerkkisovellus valituilla työkaluilla. Lopputuotteeksi valmistui SvelteKitillä toteutettu sovellus, joka hyödyntää työssä esiteltyjä ratkaisuja. Lopputuote toimii esimerkkinä siitä, kuinka nopeaa ja tehokasta verkkosovellusten frontend-kehitys voi olla nykyaikaisilla menetelmillä.

The purpose of this thesis was to compare popular, modern web development tools used in web application frontend development, with emphasis on two widely used frameworks: Next.js and SvelteKit. The primary objective was to discover which tools and frameworks offer an advantage for a solo developer working on a project.

Data collected for this thesis were obtained from technical documentation of the tools examined, blog posts of developers, and video interviews. To add to theoretical data, framework specific features were implemented and tested in code.

The findings show that the Svelte ecosystem may be a better fit for a developer working on a project only by themself. Svelte offers more intuitive syntax that mirrors standard HTML, CSS, and JavaScript, resulting in less boilerplate code than the compared Next.js, which is more suited for larger scale enterprise projects.

The thesis concludes with a functional proof-of-concept web application built using SvelteKit and Shadcn UI. This application demonstrates the practical implementation of the thesis findings, making the Svelte ecosystem the better option for a solo developer.