🔨 Bouwen
Na de ontwerpfase, ben ik verder gegaan naar de bouwfase. Tijdens dit project ben ik bezig geweest met Sveltekit en Hygraph. Ook heb ik een library gebruikt genaamd GSAP (Greensock Animation) voor animaties.
"SvelteKit is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing."
Aangezien FDND nog geen Prismic.io lisence heeft, hebben wij bij FDND een ander headless CMS gebruikt. Wij hebben het Headless CMS Hygraph gebruikt. Hierbij worden de tabellen met behulp van GraphQL gefetched. Dit was voor mij de eerste keer dat ik met behulp van GraphQL data probeer te krijgen en te renderen op een website.
Hieronder zie je een voorbeeld van wat code die ik heb geschreven voor dit project.
Hieronder zie je een manier hoe ik data ophaal via HyGraph met behulp van GraphQL. Ook is dit gedaan met Typescript. Typescript is strictly typed Javascript.
Hieronder zie je wat voorbeeld code hoe ik mijn animaties heb gemaakt met behulp van de Greensock Animation Library. Aangezien ik al wat ervaring had met GSAP, ging dit wat sneller dan gedacht.
Tijdens het maken van dit project, heb ik een error state ontwikkelt, waarbij de gebruiker een bericht meekrijgt over dat er een pagina niet bestaat, of dat iets fout is met headless cms.
Na de bouwfase ben ik verder gegaan naar de testfase.