Websites met Strapi (headless CMS)
Geschreven door Mattias van den Belt Full-stack Developer
Websites met Strapi (headless CMS)
De twee belangrijkste technologieën die EF2 gebruikt bij het maken van nieuwe websites zijn Strapi en Next.js. Strapi is een Headless CMS, dit is een applicatie die volledig is toegewijd aan het beheren van de inhoud van de website. Dit staat los van de visuele presentatie van de website. Hiervoor gebruiken wij Next.js, een framework waarmee razendsnelle websites kunnen worden neergezet die geoptimaliseerd zijn voor toegankelijkheid. Door deze opzet van technologieën is het mogelijk om naast informatieve pagina’s ook andere functionaliteiten te integreren in websites. Hierbij zijn de mogelijkheden groot en kan er veel worden geïntegreerd. We willen een aantal functionaliteiten en oplossingen benoemen.
Flexibele content
Net als het bewezen Wordpress model gebruikt EF2 pagina’s, post’s en categorieën om de website structuur op te bouwen. Zo kan je verschillende soorten pagina's maken, elke pagina met andere content. Strapi biedt meer flexibiliteit om beter het doel van de website te dienen. Zo kan er per categorie een andere visuele presentatie worden gegeven: een kennisbank-artikel wordt anders getoond dan een evenement. We hebben een eigen setup voor Strapi ontwikkeld waarmee deze flexibiliteit volledig beschikbaar is binnen de websites die we ontwikkelen. Je kan daarmee een pagina ook gebruiken als landingspagina voor een regio, of een campagne. Deze oplossing zorgt ervoor dat je de website beter laat aansluiten bij marketingcampagnes.
Intuitief zoeken
Zoeken is een essentieel onderdeel van het surfen op internet. Of we nu op zoek zijn naar nieuwe kleding, een dienstverlening of een vakantie willen plannen, we maken vaak gebruik van een zoekmachine om snel, makkelijk en gericht te zoeken. De zoekbalk op een website biedt gebruikers dan ook de mogelijkheid om snel en relevant content van een bedrijf te doorzoeken. De zoekfunctie zorgt ervoor dat de nieuwste content gemakkelijk toegankelijk is.
EF2 gebruikt hiervoor MeiliSearch als oplossing, hiermee wordt de inhoud van de website in kaart gebracht, om zo gemakkelijk te zoeken naar de juiste informatie. Naast het doorzoeken van de content op pagina’s kunnen er met deze oplossing ook geïntegreerde bedrijfslocaties, diensten, vacatures of juist evenementen als resultaten getoond worden.
Meerdere locaties
Hiervoor biedt EF2 de mogelijkheid om organisatie locaties te integreren in jouw website door middel van een interactieve en doorzoekbare kaart. Hiermee is het voor website bezoekers inzichtelijk in welke bedrijfslocatie het dichtst bij is en/of de juiste diensten bieden. Deze locaties zijn per regio te beheren in het CMS of worden automatisch geïmporteerd uit een ander systeem. Hiermee toont de website toegankelijk de relevante bedrijfslocaties aan de gebruiker. Uiteraard met de mogelijkheid om direct in te zoomen naar de locatie van de bezoeker van je website, waarmee je gepersonaliseerd het aanbod in de buurt kan aanbieden.