[{"data":1,"prerenderedAt":275},["ShallowReactive",2],{"DefaultLayouten":3,"language-blog-tag-slug-strategy-i18n-slugs":134,"language-blog-tag-slug-strategy-":141,"language-blog-tag-slug-en-strategy":145},{"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},"163140902","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140904","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140905","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140906","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140908","About us",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"d6WdFJq2SOuc3dWtpibbXQ","Work at",{"__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},"144185264",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185265",{"__typename":50},{"id":75,"title":53,"link":76},"144185266",{"__typename":55},{"id":78,"title":79,"link":80},"144185267","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185268",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185269",{"__typename":38},{"id":89,"title":90,"link":91},"144185270","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licence and disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","De Voorhoede privacy statement (pdf)","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1780323242-vh-isms-006-privacy-statement-de-voorhoede.pdf",[100,112,123],{"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","B Corp logo",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":119},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":116,"width":117,"height":118},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png","Dutch Digital Agencies logo",627,480,{"__typename":108,"id":120,"title":121,"url":122},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":124,"image":125,"link":129},"MT5SCyNxSTSr_v5eeATMZw",{"url":126,"alt":127,"width":128,"height":128},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png","DNV logo",518,{"id":130,"title":131,"link":132},"BRtNB5HnT5i-7HkA8IYzBw","DNV",{"__typename":44,"slug":133},"impact\u002Fdigitale-producten-privacy-by-design",[135,138],{"locale":136,"value":137},"en","strategy",{"locale":139,"value":140},"nl","strategie",{"tag":142},{"id":143,"title":144,"slug":137},"NJN9K2rdSY2pn9MvchHLtw","Strategy",{"page":146,"items":182,"itemsMeta":242,"tags":244,"tag":262},{"title":79,"social":147,"subtitle":151,"description":152,"headerIllustration":150,"pinnedPosts":153,"pivots":170},{"title":148,"description":149,"image":150},"Blog | De Voorhoede","Find out how we approach our projects and what techniques we use.",null,"We love the web","In our blog posts you’ll read how we approach our projects and what techniques we use.",[154],{"slug":155,"social":156,"title":161,"date":162,"authors":163},"how-to-select-framework-design-system-components",{"title":157,"description":158,"image":159},"How to select a Framework for Design System Components","Which technology or framework do you select for your design system? We looked at a setup with Stencil and PReact. Read about our conclusion. ",{"url":160},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1670852538-linkedin-post-2.jpg","How to select a framework for design system components","2022-12-12T01:00:00.000+01:00",[164],{"name":165,"image":166},"Jasper",{"url":167,"alt":150,"width":168,"height":169},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535518-jasper.jpg",1892,2523,[171],{"title":172,"body":173,"links":174,"mailchimpValue":181,"mailchimpName":181,"mailchimpId":181,"formType":181,"contactPerson":150},"Also in love with the web?","\u003Cp>For us, that’s about technology and user experience. Fast, available for all, enjoyable to use. And fun to build. This is how our team bands together, adhering to the same values, to make sure we achieve a solid result for clients both large and small. Does that fit you?\u003C\u002Fp>\n",[175],{"__typename":176,"id":177,"title":178,"link":179},"InternalLinkRecord","163140992","Join our team",{"__typename":44,"slug":180},"jobs","",[183,198,209,220,232],{"slug":184,"social":185,"title":187,"date":190,"authors":191},"reclaiming-digital-sovereignty-on-european-infrastructure",{"title":186,"description":187,"image":188},"Independence from American technology","Reclaiming Digital Sovereignty on European Infrastructure",{"url":189},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1769684464-2026-01-29_blog-post-luuk-en.jpg","2026-01-29T12:02:28.591+01:00",[192],{"name":193,"image":194},"Luuk",{"url":195,"alt":150,"width":196,"height":197},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1721036156-luuk-edit-edit.jpg",2198,2969,{"slug":199,"social":200,"title":202,"date":205,"authors":206},"how-close-to-the-user-should-your-code-be",{"title":201,"description":202,"image":203},"Serverless & edge compute","How close to the user should your code be?",{"url":204},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1761816932-jasper-blog.jpg","2025-10-30T10:07:10.411+01:00",[207],{"name":165,"image":208},{"url":167,"alt":150,"width":168,"height":169},{"slug":210,"social":211,"title":212,"date":216,"authors":217},"full-stack-front-end",{"title":212,"description":213,"image":214},"Full-stack Front-end","We’re extending our approach to front-end with a full-stack MACH architecture to deliver better user experiences.",{"url":215},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1658232154-linkedin-post-11.png","2022-07-19T02:00:00.000+02:00",[218],{"name":165,"image":219},{"url":167,"alt":150,"width":168,"height":169},{"slug":221,"social":222,"title":227,"date":228,"authors":229},"future-front-end-replaceable-inadequate-innovative",{"title":223,"description":224,"image":225},"Future of front-end: replaceable, inadequate or innovative?","What does the future of front-end look like? We see design tools taking over. Low code platforms rising. PWA's getting a new chance. And something about MACH.",{"url":226},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1658136268-linkedin-post.jpg","The future of front-end: replaceable, inadequate or innovative?","2022-07-18T02:00:00.000+02:00",[230],{"name":165,"image":231},{"url":167,"alt":150,"width":168,"height":169},{"slug":233,"social":234,"title":237,"date":238,"authors":239},"corona-proof-it-architecture",{"title":235,"description":236,"image":150},"Corona-proof IT architecture: perfomance under pressure ","Your IT architecture choices determine how well your product performs under pressure. How well does your site handle unexpected high traffic? What can you do?"," Corona-proof IT architecture?","2020-04-14T02:00:00.000+02:00",[240],{"name":165,"image":241},{"url":167,"alt":150,"width":168,"height":169},{"count":243},5,[245,249,253,257,258],{"id":246,"title":247,"slug":248},"WTPJX79URE-O5lpWLJeEHg","Headless CMS","headless-cms",{"id":250,"title":251,"slug":252},"JBiZUe8mQVujxlNVR5gx8Q","Design Systems","design-systems",{"id":254,"title":255,"slug":256},"HgWm8aCCRMWWS0eqggo5xg","Accessibility ","accessibility",{"id":143,"title":144,"slug":137},{"id":259,"title":260,"slug":261},"b-HOCOQTRJKMsff0UxhDcg","Web performance ","web-performance",{"i18nSlugs":263,"id":143,"title":144,"slug":137,"blogTagSocial":266,"blogTopicDescription":274},[264,265],{"locale":136,"value":137},{"locale":139,"value":140},{"title":267,"description":268,"image":269},"Blogs about digital strategy ","A digital strategy provides insights on our your business can grow from digitally naive to digitally leading. Read our blogs.",{"id":270,"width":271,"height":272,"url":273},"GL4ZbSK0SreEUcCGV4gQJg",1200,620,"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1721046077-open-graph-strategy.png","A digital strategy provides insights on our your business can grow from digitally naive to digitally leading.",1781883619414]