[{"data":1,"prerenderedAt":315},["ShallowReactive",2],{"DefaultLayouten":3,"language-blog-tag-slug-headless-cms-i18n-slugs":134,"language-blog-tag-slug-headless-cms-":140,"language-blog-tag-slug-en-headless-cms":144},{"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","headless-cms",{"locale":139,"value":137},"nl",{"tag":141},{"id":142,"title":143,"slug":137},"WTPJX79URE-O5lpWLJeEHg","Headless CMS",{"page":145,"items":181,"itemsMeta":282,"tags":284,"tag":302},{"title":79,"social":146,"subtitle":150,"description":151,"headerIllustration":149,"pinnedPosts":152,"pivots":169},{"title":147,"description":148,"image":149},"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.",[153],{"slug":154,"social":155,"title":160,"date":161,"authors":162},"how-to-select-framework-design-system-components",{"title":156,"description":157,"image":158},"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":159},"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",[163],{"name":164,"image":165},"Jasper",{"url":166,"alt":149,"width":167,"height":168},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535518-jasper.jpg",1892,2523,[170],{"title":171,"body":172,"links":173,"mailchimpValue":180,"mailchimpName":180,"mailchimpId":180,"formType":180,"contactPerson":149},"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",[174],{"__typename":175,"id":176,"title":177,"link":178},"InternalLinkRecord","163140992","Join our team",{"__typename":44,"slug":179},"jobs","",[182,198,214,236,251,262,271],{"slug":183,"social":184,"title":189,"date":190,"authors":191},"headless-cmss-go-head-to-head-strapi-vs-datocms",{"title":185,"description":186,"image":187},"Headless CMS: Strapi vs DatoCMS ","Our verdict: Strapi if you want to bring your own database & hosting or need severe UI customisation. For most straightforward projects DatoCMS is the way. ",{"url":188},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1691142058-headless-cms-strapi-vs-dato-cms.png","Headless CMSs go head to head: Strapi vs DatoCMS","2023-08-04T02:00:00.000+02:00",[192],{"name":193,"image":194},"Remco",{"url":195,"alt":149,"width":196,"height":197},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535671-remco.jpg",1990,2653,{"slug":199,"social":200,"title":205,"date":206,"authors":207},"scripted-cms-migrations",{"title":201,"description":202,"image":203},"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":204},"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",[208],{"name":209,"image":210},"Frank",{"url":211,"alt":149,"width":212,"height":213},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534610-frank.jpg",2049,2732,{"slug":215,"social":216,"title":221,"date":222,"authors":223},"figma-as-a-cms-where-design-and-development-collide",{"title":217,"description":218,"image":219},"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":220},"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",[224,230],{"name":225,"image":226},"Bas ",{"url":227,"alt":149,"width":228,"height":229},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535728-bas-g.jpg",2394,3192,{"name":231,"image":232},"Friso",{"url":233,"alt":149,"width":234,"height":235},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,{"slug":237,"social":238,"title":239,"date":241,"authors":242},"upgrade-your-dato-cms-experience-with-custom-plugins",{"title":239,"description":240,"image":149},"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",[243,245],{"name":231,"image":244},{"url":233,"alt":149,"width":234,"height":235},{"name":246,"image":247},"Victor",{"url":248,"alt":149,"width":249,"height":250},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534853-victor.jpg",2170,2893,{"slug":252,"social":253,"title":254,"date":258,"authors":259},"enriching-rich-text-with-inline-components-datocms-react",{"title":254,"description":255,"image":256},"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":257},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1637333856-p5micvvo.jpeg","2021-11-19T01:00:00.000+01:00",[260],{"name":164,"image":261},{"url":166,"alt":149,"width":167,"height":168},{"slug":263,"social":264,"title":265,"date":267,"authors":268},"cms-driven-intellisense-in-your-code-editor",{"title":265,"description":266,"image":149},"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",[269],{"name":164,"image":270},{"url":166,"alt":149,"width":167,"height":168},{"slug":272,"social":273,"title":274,"date":278,"authors":279},"dropbox-paper-as-a-headless-cms",{"title":274,"description":275,"image":276},"Dropbox Paper as a headless CMS","We turned Dropbox Paper into a headless CMS and use it to publish our content elsewhere.",{"url":277},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1548357635-imagepreview-1.png","2019-01-25T01:00:00.000+01:00",[280],{"name":164,"image":281},{"url":166,"alt":149,"width":167,"height":168},{"count":283},7,[285,286,290,294,298],{"id":142,"title":143,"slug":137},{"id":287,"title":288,"slug":289},"JBiZUe8mQVujxlNVR5gx8Q","Design Systems","design-systems",{"id":291,"title":292,"slug":293},"HgWm8aCCRMWWS0eqggo5xg","Accessibility ","accessibility",{"id":295,"title":296,"slug":297},"NJN9K2rdSY2pn9MvchHLtw","Strategy","strategy",{"id":299,"title":300,"slug":301},"b-HOCOQTRJKMsff0UxhDcg","Web performance ","web-performance",{"i18nSlugs":303,"id":142,"title":143,"slug":137,"blogTagSocial":306,"blogTopicDescription":314},[304,305],{"locale":136,"value":137},{"locale":139,"value":137},{"title":307,"description":308,"image":309},"Blogs about Headless CMSs ","A headless CMS has many advantages, but it can also be challenging. We provide you with pratical tips and technical insights about headless CMSs.",{"id":310,"width":311,"height":312,"url":313},"O1JhEbEdTTm1xp6Ij3MgIQ",1200,620,"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1721984989-open-graph-headless-cms.png","A headless CMS has many advantages, but it can also be challenging. In our blogs we provide you with pratical tips and technical insights to get the most out of your headless CMS.",1781883619389]