Site versies

• > v2.0 – Wordpress en oudere versies

• v3.0 – Jekyll met Forestry.io voor content management

• v4.0 – React app (PWA)

  • Storyblok voor content management (headless CMS)

  • Serverless functions voor het ophalen van data

  • Keycloak (scoutsengidsenvlaanderen.be) voor user management

• v5.0 – React app (TypeScript, PWA)

  • We hergebruiken de integraties en diensten van v4.0

  • Haegeprekerke CMS met Airtable back-end

Deze website is met zorg ontworpen en uitgewerkt. Met oog op gebruiksvriendelijkheid en de toekomst van web-ontwikkeling is onze website, of beter web-app, van nul af opnieuw opgebouwd.

Voor de front-end werd Create-react-app gebruikt. Aangezien we nu en in de toekomst nog een aantal tools zullen bouwen voor onze groep was dit de meest logische keuze.

Om te zorgen dat data op een gebruiksvriendelijke manier toegevoegd en aangepast kan worden hebben we gebruikt van Storyblok. Tot versie 4 maakten we gebruik van een GraphQL-verbinding, maar om ontwikkeling laagdrempelig en snel te houden zijn we terug overgeschakeld naar Rest-requests.

Omdat sommige functies meer custom ontwikkeling vereisten hebben we een serverless function opgezet zodat we eenvoudig data kunnen ophalen, versturen en verwerken zoals we dat zelf wensen.

De code van onze website is openbaar te vinden op GitHub.

Tools

• Storyblok: content management

• Cloudinary: media asset management

Een overzicht van alle online tools kan je hier vinden: https://airtable.com/shrUKCQ2bcLbBGiWA/tbl3SbjDMEoo3hQ3t
In deze database zijn ook de wachtwoorden inbegrepen, toegang is te verkrijgen via huidige webmaster.

Haegeprekerke CMS

Zoals eerder aangehaald wordt Storyblok gebruikt voor onze normale content management. Voor het Haegeprekerke is er echter een zelf-ontwikkeld systeem opgezet zodat leiding het Haegeprekerke zelf kan aanpassen.

De aangemaakte activiteiten wordt bewaard in een Airtable waar alle webmasters toegang tot hebben.

Enkele voordelen van het gebruikt van Airtable:

• Gratis (tot 1000 records, hou dit dus in de gaten)

• JavaScript SDK voor eenvoudige integratie in JavaScript implementaties

• Een gebruiksvriendelijke front-end (gelijkend op een Excel-sheet) die het beheer en oplossen van fouten eenvoudig maakt

Beheer

Het enige dat je als webmaster moet doen in Airtable is 'editions' aanmaken en deze (un)publishen. Dit wijst zichzelf uit normaal.

Zorg dat er maximaal 1 editie de status 'Published' heeft, als er toch meerdere gepuliceerde edities zijn zullen enkel de edities van de eerst gepubliceerde editie teruggestuurd worden.