Rijschool Butterhuizen

Rijschool Butterhuizen geeft rijles in Heerhugowaard, Alkmaar en de omgeving daarvan. De hele site is maatwerk: geen thema, geen page builder, alles zelf gebouwd. Het ontwerp is in Figma gemaakt door Thomas Kat; de bouw en alle koppelingen zijn van mij.

Van alles wat ik heb gebouwd is dit het grootste, en er komt nog steeds werk bij.

Waarom

Wie een rijschool zoekt heeft er drie of vier tegelijk openstaan en beslist snel. Wat op dat moment telt is of je in een paar seconden ziet wat een pakket kost, hoe lang de school bestaat en wat eerdere leerlingen ervan vonden. Die inhoud draagt de pagina, dus de site moet vlot laden en meteen het goede laten zien.

Daarnaast moest de rijschool zelf pagina’s kunnen maken. Niet alleen tekst wijzigen op een vaste pagina, maar echt nieuwe pagina’s opbouwen wanneer er een pakket of een cursus bijkomt. Dat kan met een page builder, maar dan lever je een site op die traag is en er per pagina anders uitziet. Vandaar een eigen layout-editor.

Hoe het werkt

WordPress op Bedrock, met Acorn erin — Laravel-gereedschap binnen WordPress. De bedrijfslogica zit niet in het thema maar in een eigen mu-plugin, opgeknipt in service providers per onderwerp: core, API, Instagram, seeder en het aanmeldsysteem. Het thema draait op Sage 11 en serveert gecompileerde assets. Interactieve onderdelen zijn Vue 3-eilandjes in verder gewone Blade-templates.

De layout-editor is ACF flexible content: een twintigtal blokken die de redacteur in willekeurige volgorde op een pagina kan stapelen. Elk blok is een Blade-partial — pakketten, instructeurs, vraag-en-antwoord, een citaat, een tabel, een videoblok, de reviews van Klantenvertellen, een opvallende foto met tekst. Omdat het steeds dezelfde partials zijn, ziet elke pagina er hetzelfde uit en blijft de site snel. De keerzijde is dat een fout in een blok nooit één pagina raakt maar overal tegelijk zichtbaar wordt.

Dat het snel moest zijn is ook gemeten. Lighthouse geeft de homepage op desktop 100 voor prestaties, toegankelijkheid, best practices en SEO, met een largest contentful paint van 0,6 seconde. Op mobiel is dat 94 voor prestaties en 100 op de andere drie, met een largest contentful paint van 2,9 seconde. Gemeten op 28 augustus 2026.

Onderweg is het thema van Bud naar Vite verhuisd, en van een oudere Bedrock- en Sage-versie naar de nieuwste.

Kernpunten waar ik trots op ben

• ACF flexible-content layout-editor met twintig unieke layoutblokken. Elk blok is een eigen Blade-partial: pakketten, instructeurs, vraag-en-antwoord, een tabel, een citaat, een videoblok, de reviews van Klantenvertellen. De rijschool stelt daar zelf pagina’s mee samen zonder dat het ontwerp uit elkaar valt.
• Stabiele koppeling met een persoonlijk Instagram-account. De posts worden dagelijks opgehaald en bewaard, en het access token wordt periodiek ververst, ruim binnen de termijn die Instagram geeft. In de beheeromgeving zit een test die daadwerkelijk media ophaalt in plaats van alleen te kijken of het token nog bestaat.
• Server-side koppeling met het planningssysteem. Mislukte verzendingen worden opnieuw geprobeerd met een oplopende wachttijd, en alles behalve productie weigert naar een echte rijschoolcode te posten. Een testaanmelding kan dus niet in de echte leerlingenlijst belanden.
• Bedrijfslogica in een eigen mu-plugin, opgedeeld in Acorn service providers per onderwerp: core, API, Instagram, seeder en het aanmeldsysteem. Het thema blijft presentatie.
• YouTube-gedreven videobibliotheek met een eigen archief- en detailweergave in plaats van losse embeds.
• Volledig maatwerk, tot in het menu. Geen thema, geen page builder, alles naar wens van de klant gebouwd — tot en met menu-items die alleen op mobiel of alleen op desktop getoond worden, instelbaar in de Customizer.

Wat er nog niet in zit

Er blijft altijd een ontwikkel- en een acceptatieomgeving naast productie staan. Op dit moment is er niets onderweg; het Kenniscentrum gaat binnenkort live. Daarvoor ging de Instagram-koppeling live, en daarvoor de migratie naar de nieuwste Bedrock en Sage.

Wat het opleverde

Niet bijzonder veel nieuws — ik was al ervaren in Bedrock en Sage. Wat het leuk maakte was een oude site vernieuwen in samenwerking met Thomas. Wel geleerd hoe je een stabiele Instagram-koppeling bouwt, en hoe je zorgvuldig een verbinding met het aanmeldsysteem opzet in combinatie met Gravity Forms. Verder veel ervaring opgedaan met eigen velden en taxonomieën.