[{"data":1,"prerenderedAt":240},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-team-slug-sjoerd-i18n-slugs":104,"person-language-team-slug-nl-sjoerd":132,"blogs-language-team-slug-nl-sjoerd":146},{"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",{"person":133},{"name":134,"id":135,"jobTitle":136,"lastName":137,"employmentStatus":138,"slug":139,"biography":140,"image":141,"links":145},"Sjoerd","4585143","Lead Front-end Developer","Beentjes","currentEmployee","sjoerd","Toen ik klein was wilde ik archeoloog worden. Nu ben ik een softwareontwikkelaar en dat is ook best gaaf! Ik werk als tech lead bij De Voorhoede waar ik design systems bouw en implementeer in allerlei omgevingen. Mijn voornaamste interesses liggen in het nadenken over componentarchitecturen in moderne front-end frameworks of het helpen van teamgenoten bij het oplossen van de raarste bugs in hun applicaties. In mijn vrije tijd doe ik graag aan hardlopen en fietsen.",{"url":142,"alt":104,"width":143,"height":144},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534892-sjoerd.jpg",1637,2182,[],{"blogPosts":147},[148,158,171,182,194,210,220,230],{"_allSlugLocales":149,"id":153,"title":154,"introTitle":155,"slug":152,"date":104,"authors":156},[150],{"locale":151,"value":152},"en","simplifying-search-using-ai-in-our-knowledge-base","yeem4ParQ6SKu8RJkZuOWw","Simplifying Search: Using AI in our Knowledge Base","Adding search to your website is cool, but have you added OpenAI and Supabase to the mix? Here's how we did just that.",[157],{"id":135,"name":134,"slug":139},{"_allSlugLocales":159,"id":165,"title":166,"introTitle":167,"slug":161,"date":168,"authors":169},[160,162],{"locale":151,"value":161},"accessibility-in-design-systems",{"locale":163,"value":164},"nl","toegankelijkheid-in-design-systems","Gu3Wvmh8SXyRfkH3ZoTHig","Accessibility in Design Systems","Design systems help with accessibility, but they’re not the full solution.","2025-06-17T14:15:56.000+02:00",[170],{"id":135,"name":134,"slug":139},{"_allSlugLocales":172,"id":176,"title":177,"introTitle":178,"slug":174,"date":179,"authors":180},[173,175],{"locale":151,"value":174},"the-popover-api-your-new-best-friend-for-tooltips",{"locale":163,"value":174},"Mx3O76XuRViebQGxuc0jXA","The Popover API: Your New Best Friend for Tooltips","Effortless Tooltip Creation with the Popover API and New CSS Features","2024-10-07T15:36:10.707+02:00",[181],{"id":135,"name":134,"slug":139},{"_allSlugLocales":183,"id":188,"title":189,"introTitle":190,"slug":185,"date":191,"authors":192},[184,186],{"locale":151,"value":185},"affordance-design-system-components",{"locale":163,"value":187},"affordance-design-system-componenten","RkSrB4xRQXq3ZVBQUC7iNQ","Affordance in Design System Components","Let's consider a table and a chair as examples. The primary affordance of a table is its ability to support items, facilitated by its flat, horizontal surface. Similarly, the main affordance of a chair is to provide a place to sit, suggested by its features like a flat seat supported by legs and, often, a backrest to support the user's back. However, while it's not the primary affordance, a table can also be used as a seating surface. Likewise, a chair can be used to stand on when replacing a light bulb. This concept is known as \"perceived affordance\".","2024-05-27T09:00:00.000+02:00",[193],{"id":135,"name":134,"slug":139},{"_allSlugLocales":195,"id":200,"title":201,"introTitle":202,"slug":197,"date":203,"authors":204},[196,198],{"locale":151,"value":197},"building-design-system-react-web-components",{"locale":163,"value":199},"design-system-bouwen-react-webcomponenten","133138416","Building a Design System with React Web Components","What if you could build a universal Design system with React and use it in any web application or framework? We achieved this by compiling React to Web Components. This is how.","2023-06-19T02:00:00.000+02:00",[205,209],{"id":206,"name":207,"slug":208},"340340","Jasper","jasper",{"id":135,"name":134,"slug":139},{"_allSlugLocales":211,"id":214,"title":215,"introTitle":216,"slug":213,"date":217,"authors":218},[212],{"locale":163,"value":213},"vrienden-voorhoede-sjoerd-beentjes","122768224","Vrienden van De Voorhoede: Sjoerd Beentjes","Werken bij De Voorhoede doe je niet alleen. Ons team bestaat uit ruim 30 mensen met een passie voor het vak. Ontmoet de collega’s van De Voorhoede. Ontdek wat het leukste project is waar ze aan hebben gewerkt en waarom ze het zo leuk vinden bij ons.","2022-09-02T02:00:00.000+02:00",[219],{"id":135,"name":134,"slug":139},{"_allSlugLocales":221,"id":224,"title":225,"introTitle":226,"slug":223,"date":227,"authors":228},[222],{"locale":151,"value":223},"bundle-splitting-with-react-s-lazy-and-suspense","25270411","Bundle splitting with React’s lazy & Suspense","A guide to using React suspense and lazy loading components","2021-03-30T02:00:00.000+02:00",[229],{"id":135,"name":134,"slug":139},{"_allSlugLocales":231,"id":234,"title":235,"introTitle":236,"slug":233,"date":237,"authors":238},[232],{"locale":151,"value":233},"turning-vue-components-into-reusable-npm-packages","4586279","Turning Vue components into reusable npm packages","A guide to publishing your Vue components","2020-04-22T02:00:00.000+02:00",[239],{"id":135,"name":134,"slug":139},1776256142355]