Een blik onder de motorkap

De broncode van deze website kan je vinden op Github.

Deze website wordt statisch gegenereerd met Gatsby en is geschreven in Typescript en React. Ik ben vrij zeker dat je deze setup een JAM stack kunt noemen. Een beetje over-engineered in zijn huidige vorm, dat zeker, maar deze setup geeft me de vrijheid om te experimenteren, of, ergens in de toekomst, om er een headless CMS aan te koppelen. Ik werk ook echt héél graag met React.

Voor alles wat styling betreft, wordt op deze website gebruik gemaakt van Tailwind met een custom kleuren palet. Het gebruikte lettertype is het open source Space Grotesk, en ik heb hier gekozen om het variabele lettertype te gebruiken omdat dit voorkomt dat je meerdere bestanden in moet laden.

De dynamische blobs in de achtergrond zijn geanimeerd met D3 en de vormen werden gemaakt door middel van de Blobmaker website.

Ik maakte een ruw ontwerp voor deze website in Affinity Designer en heb dit tijdens development iteratief gefinetuned.

Zoals vermeld wordt er op dit moment geen gebruik gemaakt van een CMS systeem, maar moest ik er voor dit project een gebruiken, zou ik waarschijnlijk Decap CMS implementeren. Dat systeem werkt vlot samen met CI/CD deployment vanuit de repository naar Netlify. Netlify is heel betrouwbaar en de user interface is ook heel vanzelfsprekend en vlot te gebruiken.