Progressive Web Apps

You understand the difference between client side and server side rendering and you can apply server side rendering in your application

Dat ik het verschil snap tussen client- en server-side rendering blijkt uit het feit dat ik de eerste opzet heb gemaakt om de formulieren progressively enhanced op te zetten. Daarnaast heb ik in de eerste versie van de preview omgeving een complete client-side rendered kopie als het ware opgezet voor de website zodat we live de website konden updaten met nieuwe data.

Hoewel in principe elke pagina zelfs statisch gerendered is heb ik een serverless function geschreven die een HTML pagina teruggeeft aan de client, waardoor ook die pagina's dus server-side gerendered worden waardoor het allemaal werkt zonder JavaScript.

Met dat idee kwam ik na m'n code review met Janno zoals eerder aangegeven in het hoofdstuk Meetings & coaching.

Het feit dat de pagina's statisch gerendered worden naar simpele HTML bestanden zorgt voor een enorme performance boost aan de voorkant, iets wat ik vooral heel belangrijk vind bij een website en ook één van de CMD pijlers is voor een website.

Daarnaast zorgt het serveren van statisch gegenereerde bestanden voor een hele goede basis voor progressive enhancement aangezien het serveren van HTML bestanden zo oud is als het web zelf.

Ik heb me tijdens dit project steeds sterker een mening weten te vormen over het feit dat we mijns inziens met onze oplossingen als webdevelopers lekker dicht bij 'hoe het web werkt' moeten blijven in plaats van allemaal gecompliceerde dingen te doen met client-side JavaScript. Uiteindelijk heb ik daarover geen artikel geschreven voor de weekly nerd, dit had ik nog wel willen doen, wellicht komt dat in de toekomst nog een keer.