[{"data":1,"prerenderedAt":462},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-blog-i18n-slugs":104,"language-blog-nl":132},{"app":4,"menu":31,"footer":66},{"githubUrl":5,"youtubeUrl":6,"linkedinUrl":7,"phoneNumber":8,"emailAddress":9,"legal":10,"addresses":20},"https:\u002F\u002Fgithub.com\u002Fvoorhoede\u002F","https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCzHuhQVYFRixtQN2-swcuGg","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fde-voorhoede","+31 20 2610 954","post@voorhoede.nl",[11,14,17],{"title":12,"value":13},"KvK","56017235",{"title":15,"value":16},"BTW","NL851944620B01",{"title":18,"value":19},"IBAN","NL14TRIO0320142078",[21,26],{"address":22,"city":23,"googleMapsLink":24,"postalCode":25},"Koivistokade 70","Amsterdam","https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fplace\u002FDe+Voorhoede+%7C+Front-end+Development\u002F@52.396847,4.8700823,17z\u002Fdata=!3m1!4b1!4m5!3m4!1s0x47c5e21d502d2d59:0xbf570944a96ebf45!8m2!3d52.347647!4d4.8502154","1013 BB",{"address":27,"city":28,"googleMapsLink":29,"postalCode":30},"Koornmarkt 22","Delft","https:\u002F\u002Fwww.google.nl\u002Fmaps\u002Fplace\u002FKoornmarkt+22,+2611+EG+Delft\u002F@52.0093477,4.3573054,17z\u002F","2611 EG",{"title":32,"callToActions":33,"links":39},"Site Menu",[34],{"id":35,"title":36,"link":37},"163140903","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140909","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140910","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140911","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140913","Over ons",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"NnUFs73_Saa8XE_jYZFHcw","Werken bij",{"__typename":44,"slug":65},"work-at",{"links":67,"copyrightTitle":93,"copyrightLabel":94,"copyrightLink":95,"privacyTitle":96,"privacyLabel":97,"privacyLink":98,"certificatesGrid":99},[68,71,74,77,82,85,88],{"id":69,"title":42,"link":70},"144185271",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185272",{"__typename":50},{"id":75,"title":53,"link":76},"144185273",{"__typename":55},{"id":78,"title":79,"link":80},"144185274","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185275",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185276",{"__typename":38},{"id":89,"title":90,"link":91},"144185277","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licentie en disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","PDF bestand van De Voorhoede privacy statement","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1763455427-vh-isms-007-privacy-statement-de-voorhoede-nl.pdf",[100,112,122],{"id":101,"image":102,"link":107},"Xq4bBfg_TZ6Fkjax9mkbLQ",{"url":103,"alt":104,"width":105,"height":106},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353463-b-corp-logo-black-rgb.png",null,404,680,{"__typename":108,"id":109,"title":110,"url":111},"ExternalLinkRecord","fGW1ak8XQYaYDLkBSyncog","B Corp","https:\u002F\u002Fwww.bcorporation.net\u002Fen-us\u002Ffind-a-b-corp\u002Fcompany\u002Fde-voorhoede\u002F",{"id":113,"image":114,"link":118},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":104,"width":116,"height":117},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png",627,480,{"__typename":108,"id":119,"title":120,"url":121},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":123,"image":124,"link":127},"MT5SCyNxSTSr_v5eeATMZw",{"url":125,"alt":104,"width":126,"height":126},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png",518,{"id":128,"title":129,"link":130},"BRtNB5HnT5i-7HkA8IYzBw","DIV",{"__typename":44,"slug":131},"impact\u002Fdigitale-producten-privacy-by-design",{"page":133,"items":168,"itemsMeta":439,"tags":441,"tag":104},{"title":79,"social":134,"subtitle":137,"description":138,"headerIllustration":104,"pinnedPosts":139,"pivots":156},{"title":135,"description":136,"image":104},"Blog | De Voorhoede","Lees hoe we onze projecten aanpakken en welke technieken we gebruiken.","Wij houden van het web","Op ons blog lees je hoe we projecten aanpakken en welke technieken we gebruiken. Switch naar Engels voor nog meer blogs.",[140],{"slug":141,"social":142,"title":147,"date":148,"authors":149},"kick-start-design-system-design-inventory-workshop",{"title":143,"description":144,"image":145},"Design System Workshop met Web Experts | De Voorhoede","Een bestaand ontwerp veranderen in een systeem is een uitdaging. Om dit proces een vliegende start te geven hebben wij een Design System Workshop ontwikkeld. ",{"url":146},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1631791147-design-inventory-cover.jpg","Kick-start jouw Design System met een Design Inventory Workshop","2021-09-16T02:00:00.000+02:00",[150],{"name":151,"image":152},"Jasper",{"url":153,"alt":104,"width":154,"height":155},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535518-jasper.jpg",1892,2523,[157],{"title":158,"body":159,"links":160,"mailchimpValue":167,"mailchimpName":167,"mailchimpId":167,"formType":167,"contactPerson":104},"Ook verliefd op het web?","\u003Cp>Technologie en gebruikservaring. Snel, toegankelijk en een plezier om te gebruiken. Maar ook een plezier om te ontwikkelen. Geldt dit ook voor jou?\u003C\u002Fp>\n",[161],{"__typename":162,"id":163,"title":164,"link":165},"InternalLinkRecord","163140993","Kom ons versterken",{"__typename":44,"slug":166},"jobs","",[169,184,195,209,224,239,251,260,275,291,303,319,333,348,361,377,389,401,416,427],{"slug":170,"social":171,"title":173,"date":176,"authors":177},"digitale-soevereiniteit-heroveren-op-europese-infrastructuur",{"title":172,"description":173,"image":174},"Onafhankelijkheid van Amerikaanse technologie","Digitale Soevereiniteit Heroveren op Europese Infrastructuur",{"url":175},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1769681401-2026-01-29_blog-post-luuk.jpg","2026-01-29T12:02:28.591+01:00",[178],{"name":179,"image":180},"Luuk",{"url":181,"alt":104,"width":182,"height":183},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1721036156-luuk-edit-edit.jpg",2198,2969,{"slug":185,"social":186,"title":188,"date":191,"authors":192},"hoe-dichtbij-de-gebruiker-moet-jouw-code-draaien",{"title":187,"description":188,"image":189},"Serverless & edge compute","Hoe dichtbij de gebruiker moet jouw code draaien?",{"url":190},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1761816932-jasper-blog.jpg","2025-10-30T10:07:10.411+01:00",[193],{"name":151,"image":194},{"url":153,"alt":104,"width":154,"height":155},{"slug":196,"social":197,"title":200,"date":201,"authors":202},"designing-css-for-non-latin-languages-on-the-web",{"title":198,"description":199,"image":104},"CSS for Non-Latin Languages","Designing CSS for Non-Latin Languages on the Web","CSS\u002FHTML voor niet-Latijnse talen op het web","2025-09-01T09:23:50.428+02:00",[203],{"name":204,"image":205},"Marleen",{"url":206,"alt":104,"width":207,"height":208},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1760339746-marleen-edit.jpeg",1431,1908,{"slug":210,"social":211,"title":212,"date":216,"authors":217},"toegankelijkheid-in-design-systems",{"title":212,"description":213,"image":214},"Toegankelijkheid in Design Systems","Ontwerpsystemen helpen bij toegankelijkheid, maar zijn niet de volledige oplossing.",{"url":215},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1749642128-accessibility_blog_with_graphic.jpg","2025-06-17T14:15:56.000+02:00",[218],{"name":219,"image":220},"Sjoerd",{"url":221,"alt":104,"width":222,"height":223},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534892-sjoerd.jpg",1637,2182,{"slug":225,"social":226,"title":227,"date":231,"authors":232},"gebruik-scroll-gedreven-animaties-voor-betere-transities",{"title":227,"description":228,"image":229},"Gebruik scroll-gedreven animaties voor betere transities","Verbeter overgangen met CSS scroll-gedreven animaties—geen JavaScript nodig! Creëer vloeiende, interactieve effecten met native CSS.",{"url":230},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1724412268-linkedin-blog-11.jpg","2025-01-10T13:42:00.261+01:00",[233],{"name":234,"image":235},"Jurgen",{"url":236,"alt":104,"width":237,"height":238},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1721036030-jurgen-edit.jpg",2341,3069,{"slug":240,"social":241,"title":246,"date":247,"authors":248},"design-system-op-maat-of-kant-en-klaar",{"title":242,"description":243,"image":244},"Design System: op maat of kant-en-klaar? ","Kies je voor een op maat gemaakt design system dat vanaf nul is opgebouwd of kies je voor een kant-en-klaar design system. Lees meer over de voor- en nadelen.",{"url":245},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1731076679-social-design-system-scratch-shelf.png","Design System: op maat of kant-en-klaar?","2024-11-19T13:16:02.759+01:00",[249],{"name":151,"image":250},{"url":153,"alt":104,"width":154,"height":155},{"slug":252,"social":253,"title":254,"date":256,"authors":257},"the-popover-api-your-new-best-friend-for-tooltips",{"title":254,"description":255,"image":104},"The Popover API: Your New Best Friend for Tooltips","Discover how the Popover API and new CSS features simplify tooltip creation, making them accessible and well-positioned across all major browsers","2024-10-07T15:36:10.707+02:00",[258],{"name":219,"image":259},{"url":221,"alt":104,"width":222,"height":223},{"slug":261,"social":262,"title":264,"date":267,"authors":268},"schrijf-code-eenmalig-en-gebruik-het-overal-met-mitosis-een-mooie-droom-of-werkelijkheid",{"title":263,"description":264,"image":265},"Gebruik Mitosis om een Design System te bouwen","“Schrijf code eenmalig en gebruik het overal” met Mitosis; een mooie droom of werkelijkheid?",{"url":266},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1726596846-mitosis-social-cover-nl.jpg","2024-09-16T13:04:31.307+02:00",[269],{"name":270,"image":271},"Wessel",{"url":272,"alt":270,"width":273,"height":274},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1721035942-wessel.jpg",2135,2868,{"slug":276,"social":277,"title":282,"date":283,"authors":284},"lessen-debuggen-inp",{"title":278,"description":279,"image":280},"Dingen die ik leerde bij het debuggen van INP ","INP is een nieuwe performance statistiek die een grote invloed heeft de zoekresultaten. Hoe meten en debuggen we dit om de INP van onze website te verbeteren?",{"url":281},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1723797236-linkedin-blog-10.jpg","Dingen die ik leerde bij het debuggen van Interaction to Next Paint (INP)","2024-08-16T09:46:11.712+02:00",[285],{"name":286,"image":287},"Declan",{"url":288,"alt":104,"width":289,"height":290},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,{"slug":292,"social":293,"title":298,"date":299,"authors":300},"affordance-design-system-componenten",{"title":294,"description":295,"image":296},"Affordance in Design System Componenten | De Voorhoede","Met affordance principes worden design systems gemakkelijker te gebruiken en flexibeler. Ontdek hoe je hier makkelijker applicaties mee bouwt.",{"url":297},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1716545063-linkedin-blog-7.jpg","Affordance in Design System Componenten","2024-05-27T09:00:00.000+02:00",[301],{"name":219,"image":302},{"url":221,"alt":104,"width":222,"height":223},{"slug":304,"social":305,"title":310,"date":311,"authors":312},"headless-cmsen-strapi-vs-datocms",{"title":306,"description":307,"image":308},"Headless CMS: Strapi vs DatoCMS ","Ons oordeel: Strapi als je je eigen database en hosting meeneemt of complexe UI-aanpassingen hebt. Voor meer eenvoudige projecten heeft DatoCMS onze voorkeur.",{"url":309},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1691142058-headless-cms-strapi-vs-dato-cms.png","Headless CMS'en gaan de strijd aan: Strapi vs DatoCMS","2023-08-04T02:00:00.000+02:00",[313],{"name":314,"image":315},"Remco",{"url":316,"alt":104,"width":317,"height":318},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535671-remco.jpg",1990,2653,{"slug":320,"social":321,"title":326,"date":327,"authors":328},"design-system-bouwen-react-webcomponenten",{"title":322,"description":323,"image":324},"Design System bouwen met React Webcomponenten ","Ontdek hoe je een universeel design system bouwt met React en Webcomponenten om te gebruiken in elke webapplicatie of framework.",{"url":325},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1714383267-linkedin-blog-5.jpg","Een Design System bouwen met React Webcomponenten","2023-06-19T02:00:00.000+02:00",[329,331],{"name":151,"image":330},{"url":153,"alt":104,"width":154,"height":155},{"name":219,"image":332},{"url":221,"alt":104,"width":222,"height":223},{"slug":334,"social":335,"title":340,"date":341,"authors":342},"van-google-analytics-naar-privacy-vriendelijke-tracking-6-stappen",{"title":336,"description":337,"image":338},"Van Google Analytics naar privacy vriendelijke tracking","Is het echt nodig voor jouw website om Google Analytics te gebruiken? Waarschijnlijk niet. Stap eenvoudig over op alternatieve, privacy vriendelijke tracking.",{"url":339},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1713513339-linkedin-blog-4.jpg","Stap over van Google Analytics naar privacy vriendelijke tracking in 6 stappen","2023-05-29T02:00:00.000+02:00",[343,346],{"name":344,"image":345},"Vera",{"url":288,"alt":104,"width":289,"height":290},{"name":151,"image":347},{"url":153,"alt":104,"width":154,"height":155},{"slug":349,"social":350,"title":355,"date":356,"authors":357},"vrienden-voorhoede-bas-de-vleeschhouwer",{"title":351,"description":352,"image":353},"Vrienden van De Voorhoede: Bas de Vleeschhouwer","Ontmoet onze front-end developer, Bas.  Afgelopen jaren ontwikkelde hij zich tot accessibility specialist. Elke website die hij bouwt, maakt hij toegankelijk.",{"url":354},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1651837964-img_2346-nog-meer-final.jpg","Vrienden van De Voorhoede: Bas de Vleeschhouwer ","2023-01-20T01:00:00.000+01:00",[358],{"name":359,"image":360},"Bas",{"url":288,"alt":104,"width":289,"height":290},{"slug":362,"social":363,"title":368,"date":369,"authors":370},"accessibility-kit-voor-webdevelopers",{"title":364,"description":365,"image":366},"Accessibility kit voor webdevelopers | De Voorhoede","We hebben een accessibility kit samengesteld voor webdevelopers. Met deze tools testen wij onze producten en maken we het web een betere plek. Ontdek het zelf.",{"url":367},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1673860265-accessibility-kit-web-developers.jpg","Accessibility kit voor webdevelopers","2023-01-16T01:00:00.000+01:00",[371],{"name":372,"image":373},"Zowie",{"url":374,"alt":104,"width":375,"height":376},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535300-zowie.jpg",1880,2507,{"slug":378,"social":379,"title":384,"date":385,"authors":386},"kiezen-framework-design-system-componenten",{"title":380,"description":381,"image":382},"Hoe kies je een framework voor Design System Componenten","Welke technologie of framework kies je voor jouw design system? Wij onderzochten een setup met Stencil en PReact. Lees over onze conclusie. ",{"url":383},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1670852538-linkedin-post-2.jpg","Hoe kies je een framework voor design system componenten","2022-12-12T01:00:00.000+01:00",[387],{"name":151,"image":388},{"url":153,"alt":104,"width":154,"height":155},{"slug":390,"social":391,"title":396,"date":397,"authors":398},"front-end-at-the-edge",{"title":392,"description":393,"image":394},"Front-end at the Edge | De Voorhoede","Edge-functies zijn de nieuwste uitbreiding van het serverloze ecosysteem. Ze beloven lage vertraging door dichter bij de gebruiker te draaien. Lees meer.",{"url":395},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1664895503-img_20220901_194601-1.jpg","Front-end at the Edge","2022-10-04T02:00:00.000+02:00",[399],{"name":344,"image":400},{"url":288,"alt":104,"width":289,"height":290},{"slug":402,"social":403,"title":404,"date":408,"authors":409},"vrienden-de-voorhoede-roos-steigenga",{"title":404,"description":405,"image":406},"Vrienden van De Voorhoede: Roos Steigenga","Maak kennis met onze front-end developer Roos. Ontdek hoe zij het front-end vak is ingerold en wat ze zo leuk vinden aan het werk. Lees haar verhaal.\n",{"url":407},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1657541937-roos1.jpg","2022-09-26T02:00:00.000+02:00",[410],{"name":411,"image":412},"Roos",{"url":413,"alt":104,"width":414,"height":415},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535085-roos.jpg",2028,2704,{"slug":417,"social":418,"title":419,"date":423,"authors":424},"vrienden-voorhoede-sjoerd-beentjes",{"title":419,"description":420,"image":421},"Vrienden van De Voorhoede: Sjoerd Beentjes","Ontmoet onze front-end developer, Sjoerd Beentjes. Binnengekomen als stagiair en in 5 jaar gegroeid naar Tech Lead. Lees zijn verhaal op onze website.",{"url":422},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1658154850-sjoerd.jpg","2022-09-02T02:00:00.000+02:00",[425],{"name":219,"image":426},{"url":221,"alt":104,"width":222,"height":223},{"slug":428,"social":429,"title":430,"date":434,"authors":435},"vrienden-van-de-voorhoede-joan-padolina",{"title":430,"description":431,"image":432},"Vrienden van De Voorhoede: Joan Padolina","Maak kennis met onze front-end developer, Joan Padolina. Niet alleen kan ze goed programmeren, maar Joan is ook vet goed met illustraties. Lees het interview.\n",{"url":433},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1657541724-joan-1-1.jpg","2022-08-02T02:00:00.000+02:00",[436],{"name":437,"image":438},"Joan",{"url":288,"alt":104,"width":289,"height":290},{"count":440},31,[442,446,450,454,458],{"id":443,"title":444,"slug":445},"WTPJX79URE-O5lpWLJeEHg","Headless CMS","headless-cms",{"id":447,"title":448,"slug":449},"JBiZUe8mQVujxlNVR5gx8Q","Design Systems","design-systems",{"id":451,"title":452,"slug":453},"HgWm8aCCRMWWS0eqggo5xg","Accessibility","accessibility",{"id":455,"title":456,"slug":457},"NJN9K2rdSY2pn9MvchHLtw","Strategie","strategie",{"id":459,"title":460,"slug":461},"b-HOCOQTRJKMsff0UxhDcg","Web performance","web-performance",1776256138947]