Elokuva-aiheisen full stack -web-sovelluksen kehittäminen moderneilla tekniikoilla
Nahkala, Roope; Pihlajamaa, Tomi (2026)
2026
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202601221633
https://urn.fi/URN:NBN:fi:amk-202601221633
Tiivistelmä
Tässä opinnäytetyössä toteutettiin elokuva-aiheinen full stack -web-sovellus moderneja teknologioita hyödyntäen. Aihe valittiin tekijöiden kiinnostuksesta sekä web-sovelluskehitystä että elokuvia kohtaan. Työn tavoitteena oli syventää osaamista full stack -kehittäjinä ja perehtyä tekijöille uusiin teknologioihin käytännönläheisen työn kautta.
Sovelluksen toteutus perustui Next.js-sovelluskehykseen, joka muodosti sovelluksen keskeisen rakenteen sekä käyttöliittymän että palvelinpuolen toteutukselle. Sovelluksen tietokanta- ja autentikointiratkaisut toteutettiin Supabasen avulla, joka tarjoaa PostgreSQL-tietokannan ja valmiit autentikointipalvelut. Tietokantamallien ja kyselyiden hallintaan käytettiin Prisma ORM:ää. Käyttöliittymän tyylittely toteutettiin Tailwind CSS -kirjaston avulla, ja sovelluskehitys tehtiin TypeScript-kielellä. Elokuvien tiedot haettiin ulkoisesta The Movie Database -rajapinnasta.
Työn tuloksena syntyi web-sovellus, jossa käyttäjä voi selata ja hakea elokuvia, luoda käyttäjäprofiilin, arvostella elokuvia sekä ylläpitää katselulistaa ja katseluhistoriaa. Työn aikana opittiin käyttämään useita moderneja web-kehityksen teknologioita, kirjastoja ja palveluita.
Sovelluksen toteutus perustui Next.js-sovelluskehykseen, joka muodosti sovelluksen keskeisen rakenteen sekä käyttöliittymän että palvelinpuolen toteutukselle. Sovelluksen tietokanta- ja autentikointiratkaisut toteutettiin Supabasen avulla, joka tarjoaa PostgreSQL-tietokannan ja valmiit autentikointipalvelut. Tietokantamallien ja kyselyiden hallintaan käytettiin Prisma ORM:ää. Käyttöliittymän tyylittely toteutettiin Tailwind CSS -kirjaston avulla, ja sovelluskehitys tehtiin TypeScript-kielellä. Elokuvien tiedot haettiin ulkoisesta The Movie Database -rajapinnasta.
Työn tuloksena syntyi web-sovellus, jossa käyttäjä voi selata ja hakea elokuvia, luoda käyttäjäprofiilin, arvostella elokuvia sekä ylläpitää katselulistaa ja katseluhistoriaa. Työn aikana opittiin käyttämään useita moderneja web-kehityksen teknologioita, kirjastoja ja palveluita.