🏗Bouwen

Na de ontwerpfase, ben ik verder gegaan naar de bouwfase. Tijdens dit project ben ik bezig geweest met Nextjs en Hygraph . Dit project is eigenlijk ook een opdracht voor mijn stage.

Next.js

Next.js is een framework gebouwd op React. Hierbij worden SSR en SSG in dit framework toegepast.

Hygraph

Verder heb ik het headless CMS Hygraph gebruikt. Hierbij worden er maaltijden en workouts gerendered in mijn applicatie. Hygraph is een headless CMS waarbij de data wordt opgehaald met behulp van GraphQL. Hierdoor kan ik een aantal queries schrijven die ik specifiek nodig heb.

• GraphQL Query

Met behulp van de query heb ik de data kunnen ophalen vanuit het CMS.

  homeThirds  {
                    id
                    title
                    img1 {
                      url
                    }
                    primarytitle1
                    richText1 {
                      html
                    }
                    img2 {
                      url
                    }
                    primarytitle2
                    multiText2 {
                      html
                    }
                    img3 {
                      url
                    }
                    primarytitle3
                    richText3 {
                      html
                    }
                  }

Typescript

Ook heb ik gebruik gemaakt van Typescript. Typescript is een programmeertaal die gemaakt is door Microsoft. Met behulp van Typescript, kan ik props types en interfaces meegeven, zodat de developer die mijn code leest weet wat voor een type de props zijn. Ook is Typescript erg handig om errors te voorkomen, zodat het developen van mijn project sneller gaat.

interface LinknavProps {
  link: string;
  content: string;
  className:string;
}