Joods Cultureel Kwartier

De nieuwe website die ik in 2017 voor het Joods Cultureel Kwartier bouwde, werd gemaakt in React.js en was een van de eerste headless CMS-oplossingen in Nederland, zeker voor een website van deze omvang. Het was mijn laatste project als Lead Developer bij Total Design, en volgens mij ook het meest ambitieuze. Het was mijn eerste werk met React, en met Drupal 8. Op dat moment bestonden er nog geen frameworks als Next.js, en er was geen kookboek voor server-side rendering of paginatransities.

Vijf websites samenvoegen tot één

Het Joods Cultureel Kwartier had aparte websites voor het Joods Historisch Museum, de Portugese Synagoge, de Ets Haim-bibliotheek, het JHM Junior en de Hollandsche Schouwburg. We maakten aparte landingspagina's voor elke locatie, maar brachten alles onder op één domein met een consistente vormgeving.

Schermafbeelding van jck.nl

De museumcollectie ontsluiten

Terwijl de website werd ontwikkeld, migreerde JCK zijn erfgoeddatabase van documenten, schilderijen, foto's, affiches en religieuze objecten naar een nieuw systeem met een open API, zodat we ze via de website konden benaderen en in artikelen en longreads konden gebruiken. De homepage had kolommen met sleutelstukken uit de collectie.

Uitgelichte stukken uit de museumcollectie, getoond in scrollbare kolommen.

Om zowel specifieke objecten als verhalen uit het Amsterdamse Joods Cultureel Kwartier te tonen, bedacht ontwerper Thomas Pleeging een gelaagde website die soepele bewegingen tussen tentoonstellingen, longreads en items uit de uitgebreide digitale collectie van het museum aanmoedigt. We bouwden een op zichzelf staande JavaScript-applicatie voor een eigen frontend en benutten de REST-API van Drupal 8 om de duizenden pagina's te beheren die nodig waren om veel websites tot één te verenigen.

Modulaire componenten

Een website voor een groot museum gaat meestal vijf tot zeven jaar mee, en herontwikkeling gaat vaak samen met een nieuwe vormgeving. Wat in een redesign doorgaans achterblijft, zijn de kleinere applicaties die onderweg voor tijdelijke tentoonstellingen zijn gebouwd. Ik moedig organisaties altijd aan om hun stijlgids te ontwikkelen tot herbruikbare componenten, zodat de hoofdsite kan meegroeien met archiefcontent. Voor het JCK bouwden we het menu als een aparte module die zowel op de hoofdsite als voor de tentoonstelling Charlotte Salomon kon worden gebruikt.

Het menu werd ontwikkeld als npm-module, voor gebruik in meerdere projecten.