[{"data":1,"prerenderedAt":442},["ShallowReactive",2],{"DefaultLayouten":3,"language-blog-page-page-i18n-slugs":134,"language-blog-page-page-en-2":135},{"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\u002F1763455455-vh-isms-006-privacy-statement-de-voorhoede-en.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","DIV",{"__typename":44,"slug":133},"impact\u002Fdigitale-producten-privacy-by-design",null,{"page":136,"items":171,"itemsMeta":419,"tags":421,"tag":134},{"title":79,"social":137,"subtitle":140,"description":141,"headerIllustration":134,"pinnedPosts":142,"pivots":159},{"title":138,"description":139,"image":134},"Blog | De Voorhoede","Find out how we approach our projects and what techniques we use.","We love the web","In our blog posts you’ll read how we approach our projects and what techniques we use.",[143],{"slug":144,"social":145,"title":150,"date":151,"authors":152},"how-to-select-framework-design-system-components",{"title":146,"description":147,"image":148},"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":149},"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",[153],{"name":154,"image":155},"Jasper",{"url":156,"alt":134,"width":157,"height":158},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535518-jasper.jpg",1892,2523,[160],{"title":161,"body":162,"links":163,"mailchimpValue":170,"mailchimpName":170,"mailchimpId":170,"formType":170,"contactPerson":134},"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",[164],{"__typename":165,"id":166,"title":167,"link":168},"InternalLinkRecord","163140992","Join our team",{"__typename":44,"slug":169},"jobs","",[172,188,194,210,226,238,251,262,274,285,297,310,329,339,349,364,376,387,401,410],{"slug":173,"social":174,"title":179,"date":180,"authors":181},"accessibility-kit-for-web-developers",{"title":175,"description":176,"image":177},"Accessibility kit for web developers | De Voorhoede","We put together an accessibility kit that we can use as web developers. With these tools we can test our products and make the web a better place. Have a look.",{"url":178},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1673860265-accessibility-kit-web-developers.jpg","Accessibility kit for web developers","2023-01-16T01:00:00.000+01:00",[182],{"name":183,"image":184},"Zowie",{"url":185,"alt":134,"width":186,"height":187},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535300-zowie.jpg",1880,2507,{"slug":144,"social":189,"title":150,"date":151,"authors":191},{"title":146,"description":147,"image":190},{"url":149},[192],{"name":154,"image":193},{"url":156,"alt":134,"width":157,"height":158},{"slug":195,"social":196,"title":201,"date":202,"authors":203},"scripted-cms-migrations",{"title":197,"description":198,"image":199},"Safe CMS migrations with Scripted Migrations | De Voorhoede","Updating your content models manually is risky and inconvenient. You can update the wrong field or even remove it. Scripted migrations are here to save you.",{"url":200},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1669363496-linkedin-blog-alternatief.png","Safe and convenient CMS migrations with scripted migrations and sandbox environments","2022-11-25T01:00:00.000+01:00",[204],{"name":205,"image":206},"Frank",{"url":207,"alt":134,"width":208,"height":209},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534610-frank.jpg",2049,2732,{"slug":211,"social":212,"title":217,"date":218,"authors":219},"10-inspiring-women-tech-ada-lovelace-day",{"title":213,"description":214,"image":215},"10 Inspiring Women in Tech | De Voorhoede","On Ada Lovelace Day we celebrate the achievements of women in science, technology, engineering and math. These are 10 female tech leaders that have inspired us.",{"url":216},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1665472076-linkedin-post-2.jpg","10 Inspiring Women in Tech - Ada Lovelace Day","2022-10-11T02:00:00.000+02:00",[220],{"name":221,"image":222},"Vera",{"url":223,"alt":134,"width":224,"height":225},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,{"slug":227,"social":228,"title":233,"date":234,"authors":235},"front-end-at-the-edge",{"title":229,"description":230,"image":231},"Front-end at the Edge | De Voorhoede","Edge functions are the latest extension to the serverless ecosystem. They promise low latency by running closer to the user. Watch our 3 talks about this topic.",{"url":232},"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",[236],{"name":221,"image":237},{"url":223,"alt":134,"width":224,"height":225},{"slug":239,"social":240,"title":245,"date":246,"authors":247},"best-web-animation-technologies-webgl-and-waapi",{"title":241,"description":242,"image":243},"Best Web Animation Technologies: WebGL and WAAPI","There are two great technologies to use for web animation: WebGL and WAAPI. Both can be used for the same purpose. Find out which one fits your needs. ",{"url":244},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1661502816-best-web-animation-technologies.png","Best web animation technologies: WebGL and WAAPI","2022-09-20T02:00:00.000+02:00",[248],{"name":249,"image":250},"Ben",{"url":223,"alt":134,"width":224,"height":225},{"slug":252,"social":253,"title":254,"date":258,"authors":259},"web-animation-api-effective-animations-are-finally-here",{"title":254,"description":255,"image":256},"Web Animation API: effective animations are finally here","The WAAPI landed in all modern browsers. In this blog we provide you with the insights you need for creating effective animations. Read more.",{"url":257},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1661504099-waapi.png","2022-08-30T02:00:00.000+02:00",[260],{"name":249,"image":261},{"url":223,"alt":134,"width":224,"height":225},{"slug":263,"social":264,"title":269,"date":270,"authors":271},"upgrade-design-with-webgl",{"title":265,"description":266,"image":267},"Upgrade your design with WebGL | De Voorhoede","We see WebGL being used in more and more sectors, like 3D visualizations in games, physics simulations and artwork. Let’s delve deeper into this topic.\n",{"url":268},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1661247986-linkedin-blog-alternatief-5.png","Upgrade your design with WebGL","2022-08-23T02:00:00.000+02:00",[272],{"name":249,"image":273},{"url":223,"alt":134,"width":224,"height":225},{"slug":275,"social":276,"title":277,"date":281,"authors":282},"full-stack-front-end",{"title":277,"description":278,"image":279},"Full-stack Front-end","We’re extending our approach to front-end with a full-stack MACH architecture to deliver better user experiences.",{"url":280},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1658232154-linkedin-post-11.png","2022-07-19T02:00:00.000+02:00",[283],{"name":154,"image":284},{"url":156,"alt":134,"width":157,"height":158},{"slug":286,"social":287,"title":292,"date":293,"authors":294},"future-front-end-replaceable-inadequate-innovative",{"title":288,"description":289,"image":290},"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":291},"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",[295],{"name":154,"image":296},{"url":156,"alt":134,"width":157,"height":158},{"slug":298,"social":299,"title":304,"date":305,"authors":306},"how-to-multilingual-website-rtl-html-css",{"title":300,"description":301,"image":302},"How to: Make your multilingual website suitable for RTL","Making a multilingual website? Here are 3 knowledgeable things to make your website suitable for RTL and LTR languages with just HTML and CSS!",{"url":303},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1655109732-schermafbeelding-2022-06-13-om-10-40-39.png","How to make your multilingual website suitable for RTL with only HTML and CSS","2022-06-13T02:00:00.000+02:00",[307],{"name":308,"image":309},"Declan",{"url":223,"alt":134,"width":224,"height":225},{"slug":311,"social":312,"title":317,"date":318,"authors":319},"figma-as-a-cms-where-design-and-development-collide",{"title":313,"description":314,"image":315},"Figma as a CMS: where design and development collide","Although Figma is mostly used by designers, we tried using it in the development process, by transforming Figma into a CMS. Read our blogpost.",{"url":316},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1670338410-scherm-afbeelding-2022-12-06-om-15-52-38.png","Figma as a CMS; where design and development collide","2022-02-10T01:00:00.000+01:00",[320,326],{"name":321,"image":322},"Bas ",{"url":323,"alt":134,"width":324,"height":325},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535728-bas-g.jpg",2394,3192,{"name":327,"image":328},"Friso",{"url":223,"alt":134,"width":224,"height":225},{"slug":330,"social":331,"title":334,"date":335,"authors":336},"the-web-is-evolving-exploring-the-latest-web-3-0-trends-and-developments",{"title":332,"description":333,"image":134},"Exploring the latest Web 3.0 trends and developments","What does Web 3.0 mean for us a web development agency and you as a developer?","The web is evolving; exploring the latest Web 3.0 trends and developments","2022-01-28T01:00:00.000+01:00",[337],{"name":327,"image":338},{"url":223,"alt":134,"width":224,"height":225},{"slug":340,"social":341,"title":344,"date":345,"authors":346},"klantverhaal-viriciti",{"title":342,"description":343,"image":134},"Klantverhaal ViriCiti","For ViriCiti we build a graphical view for the charging status of electric buses. We interviewed the Product Manager about their experience with the project.","Customer Story: ViriCiti","2022-01-18T01:00:00.000+01:00",[347],{"name":327,"image":348},{"url":223,"alt":134,"width":224,"height":225},{"slug":350,"social":351,"title":352,"date":354,"authors":355},"upgrade-your-dato-cms-experience-with-custom-plugins",{"title":352,"description":353,"image":134},"Upgrade your (Dato)CMS experience with custom plugins","Improve your (Dato)CMS by using plugins. We show you how it's done, explain the different types of plugins and how to create your own plugin. ","2021-12-20T01:00:00.000+01:00",[356,358],{"name":327,"image":357},{"url":223,"alt":134,"width":224,"height":225},{"name":359,"image":360},"Victor",{"url":361,"alt":134,"width":362,"height":363},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534853-victor.jpg",2170,2893,{"slug":365,"social":366,"title":367,"date":371,"authors":372},"edge-workers-on-the-rise",{"title":367,"description":368,"image":369},"Edge workers on the rise","How do edge workers help front-end developers? And what’s the latest state of edge workers using our favorite programming languages JavaScript and TypeScript?",{"url":370},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1638450211-afbeelding1.png","2021-12-02T01:00:00.000+01:00",[373],{"name":374,"image":375},"Selwyn",{"url":223,"alt":134,"width":224,"height":225},{"slug":377,"social":378,"title":379,"date":383,"authors":384},"enriching-rich-text-with-inline-components-datocms-react",{"title":379,"description":380,"image":381},"Enriching rich text with inline components (DatoCMS + React)","With inline components we have a new tool to bring designers' imaginations to live. Here’s how we use DatoCMS structured text in combination with React.",{"url":382},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1637333856-p5micvvo.jpeg","2021-11-19T01:00:00.000+01:00",[385],{"name":154,"image":386},{"url":156,"alt":134,"width":157,"height":158},{"slug":388,"social":389,"title":390,"date":394,"authors":395},"design-system-tooling",{"title":390,"description":391,"image":392},"Design System Tooling","Watch the videos of our October 2022 Design System Tooling meetup",{"url":393},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1581071665-chatting-robot.png","2021-11-15T01:00:00.000+01:00",[396,398],{"name":154,"image":397},{"url":156,"alt":134,"width":157,"height":158},{"name":399,"image":400},"Karlijn",{"url":223,"alt":134,"width":224,"height":225},{"slug":402,"social":403,"title":404,"date":406,"authors":407},"cms-driven-intellisense-in-your-code-editor",{"title":404,"description":405,"image":134},"CMS-driven IntelliSense in your code editor","Headless CMS’es separate content management from your front-end. This disconnect means your code editor doesn’t know about your data structure. How to fix this?","2021-10-27T02:00:00.000+02:00",[408],{"name":154,"image":409},{"url":156,"alt":134,"width":157,"height":158},{"slug":411,"social":412,"title":413,"date":415,"authors":416},"componentize-data-with-graphql-fragments",{"title":413,"description":414,"image":134},"Componentize data with GraphQL Fragments","By separating GraphQL fragments into separate files you can fully componentize your data and bundle them with your React or Vue  components. Read how.","2021-10-01T02:00:00.000+02:00",[417],{"name":154,"image":418},{"url":156,"alt":134,"width":157,"height":158},{"count":420},96,[422,426,430,434,438],{"id":423,"title":424,"slug":425},"WTPJX79URE-O5lpWLJeEHg","Headless CMS","headless-cms",{"id":427,"title":428,"slug":429},"JBiZUe8mQVujxlNVR5gx8Q","Design Systems","design-systems",{"id":431,"title":432,"slug":433},"HgWm8aCCRMWWS0eqggo5xg","Accessibility ","accessibility",{"id":435,"title":436,"slug":437},"NJN9K2rdSY2pn9MvchHLtw","Strategy","strategy",{"id":439,"title":440,"slug":441},"b-HOCOQTRJKMsff0UxhDcg","Web performance ","web-performance",1776256139808]