Blog

Het is zover! Na een maandje keihard af-en-aan ploeteren is deze kersverse Cluudsite eindelijk af. Om op gang te komen zijn kosten noch moeite gespaard om de allerfijnste kneepjes van het webdev-schap te (her)ontdekken.

Het doel was om deze website zo simpel mogelijk te houden, maar toch heb ik mezelf een beetje laten gaan. Uiteindelijk is er een heel static site generator bij ontstaan, om te voldoen aan mijn behoefte om dingen modulair en bewerkbaar te houden.

Het is even geleden dat ik een volledige website vanaf nul heb moeten maken, want vanuit mijn werk heb ik lange tijd vanaf templates mogen werken, en applicaties mogen maken die maar voor één doel tegelijkertijd dienen. Een mooi moment dus, om de deuren even open te zetten om nieuwe manieren voor oude trucjes te verzinnen.

Hierdoor heeft deze website nu ook wel veel meer functionaliteit gekregen dan hij waarschijnlijk nodig had: Simpel CMS voor een blog, interactieve formulieren met animaties, koppelingen met externe websites voor de berichtafhandeling, en natuurlijk de prachtige responsive layout die er op elk apparaat top uit ziet.

Under the hood

Dus het resultaat mag er zijn, maar hoe wordt het gemaakt? Hoewel ik net zei dat het complexer geworden is dan ik had gewild, is het qua daadwerkelijke stack wel redelijk gemakkelijk gebleven; Javascript met jQuery, heb ik als modules geïmplementeerd, de lay-out wordt verzorgd door goed gebruik te maken van het Bootstrap SCSS framework, en alle bronbestandjes worden uiteindelijk in elkaar gezet door een NPM build-script dat veel leunt op de PostHTML-tool (met een aantal extensies).

Hierdoor ben ik, om de snelheid te bewaren en niet veel van de hostende server te hoeven vragen, zo ver mogelijk van server-side frameworks weggebleven. Deze site draait nu helemaal op voorgecompileerde html-bestandjes, en dat is flitsend snel. Uiteindelijk zou ik het leuk vinden om de bestandjes bijna gratis als statische site in een Azure Blob Storage neer te zetten, maar voorlopig host ik het gewoon nog even zelf. Alleen de interactive onderdelen hebben een server-side componentje gekregen, geschreven in good-ole PHP. Die zorgt ervoor dat de contactformulieren kunnen worden opgestuurd.

Fingerspitzengefühl

Voor het volle effect heb ik deze projectsimulatie ook nog eens allemaal in m'n werktrackertool bijgehouden (en die ook wisselwerkend waar nodig uitgebreid en heringedeeld), en is er een heuse build-and-release pipeline op Azure DevOps ingericht. Hierdoor kan de uitlevering van nieuwe versies helemaal automatisch plaatsvinden, wanneer ik daar het signaal voor geef.

Uiteindelijk kan ik met trots verkondigen dat ik er klaar voor ben! De schoudertjes zijn los, de knokkeltjes geknakt, en de ambitie is groot! Mocht je dit hele artikel nou helemaal gelezen hebben, dan is mijn dank extra groot. Ik ga proberen wat actiever te worden op LinkedIn, dus je kunt me daar bevrienden om bijvoorbeeld mijn volgende berichtje ook te lezen.

Tot binnenkort!

Casper is begonnen met Cluud