[{"data":1,"prerenderedAt":455},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-services-slug-headless-cms-i18n-slugs":132,"language-services-slug-nl-headless-cms":138},{"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",[133,136],{"locale":134,"value":135},"en","headless-cms",{"locale":137,"value":135},"nl",{"page":139},{"slug":135,"i18nSlugs":140,"social":143,"title":146,"subtitle":147,"headerIllustration":148,"serviceSeries":153,"items":173,"breadcrumbsNextService":104,"pivots":454},[141,142],{"locale":134,"value":135},{"locale":137,"value":135},{"title":144,"description":145,"image":104},"Headless CMS: wat zijn de voordelen? | De Voorhoede","Met een headless CMS verspreid je jouw content over meerdere websites. Voordelen: vrijheid in het ontwerp, toekomstbestendig CMS, snelheid en veiligheid.\n","Headless CMS","Een verademing voor contentbeheerders en een besparing voor je bedrijf",{"url":149,"alt":150,"width":151,"height":152},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1721636658-2024-voorhoede-octopus.svg","Een blauwe lijntekening van een octopus met een laptop, tablet, mobiel en en smartwatch aan zijn tentakels",704,553,[154],{"id":155,"mainService":156,"childServices":159},"7408032",{"title":157,"slug":158},"Lanceer jouw product","jouw-product-lanceren",[160,163,166,167,170],{"title":161,"slug":162},"Webapplicaties ontwikkelen ","webapplicaties-ontwikkelen",{"title":164,"slug":165},"Maatwerk website ontwikkelen","maatwerk-website-ontwikkelen",{"title":146,"slug":135},{"title":168,"slug":169},"Design System","design-system",{"title":171,"slug":172},"Datavisualisatie","datavisualisatie",[174,190,210,221,243,258,310,324,346,360,368,438,448],{"__typename":175,"gridAlignment":176,"body":177},"SectionStructuredTextRecord","left",{"value":178,"blocks":189},{"schema":179,"document":180},"dast",{"type":181,"children":182},"root",[183],{"type":184,"children":185},"paragraph",[186],{"type":187,"value":188},"span","Een headless CMS is de meest efficiënte oplossing voor content die gebruikt wordt op verschillende kanalen. Vanaf 1 plek pas je de content op alle plekken tegelijk aan: van de website tot smartwatch.",[],{"__typename":175,"gridAlignment":176,"body":191},{"value":192,"blocks":209},{"schema":179,"document":193},{"type":181,"children":194},[195,201,205],{"type":196,"level":197,"children":198},"heading",2,[199],{"type":187,"value":200},"Wat is een headless CMS?",{"type":184,"children":202},[203],{"type":187,"value":204},"Een headless CMS is een content management systeem dat losgekoppeld is van de front-end. Dus de tekst die je nu leest is content die via een API gestuurd is naar de front-end. In dit geval naar onze website.",{"type":184,"children":206},[207],{"type":187,"value":208},"Bij een headless CMS wordt content gezien als data. De data wordt met behulp van een API-koppeling doorgegeven aan jouw kanaal, bijvoorbeeld een website, app en smartwatch. Je zit dus niet vast aan een specifieke front-end. Dit zorgt voor veel flexibiliteit en vrijheid tijdens het ontwerp.",[],{"__typename":211,"id":212,"image":213,"caption":218,"fullWidth":219,"captionPosition":220},"ImageRecord","148387001",{"url":214,"alt":215,"width":216,"height":217},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683538470-headless-cms-dato.jpg","Content medewerker aan de slag in een headless cms",5760,3840,"Content bewerken in een headless cms",false,"bottom",{"__typename":175,"gridAlignment":176,"body":222},{"value":223,"blocks":242},{"schema":179,"document":224},{"type":181,"children":225},[226,230,234,238],{"type":196,"level":197,"children":227},[228],{"type":187,"value":229},"Traditioneel CMS vs een headless CMS",{"type":184,"children":231},[232],{"type":187,"value":233},"Een traditioneel CMS, zoals WordPress, is verantwoordelijk voor zowel de beheeromgeving van je web content, als het genereren van webpagina’s op basis van deze content. Je hebt een alles-in-één pakket, van front-end tot back-end. Een headless CMS is het tegenovergestelde: de front-end is losgekoppeld van de back-end. ",{"type":184,"children":235},[236],{"type":187,"value":237},"Tegenwoordig maak je connecties met je klanten op meer dan één platform. Met een traditioneel CMS kost het dan veel tijd om je content in al die verschillende systemen te plaatsen en te onderhouden. Met een headless CMS bespaar je hier al snel dagen werk mee.\n",{"type":184,"children":239},[240],{"type":187,"value":241},"Een headless CMS is alleen verantwoordelijk voor de beheeromgeving en maakt de content als data beschikbaar via API’s. Daardoor zit je niet meer vast aan een bepaald uiterlijk of kanaal. Dit geeft developers vrijheid bij het kiezen van een programmeertaal en framework, en geeft jou volledige vrijheid in hoe je je content gebruikt.",[],{"__typename":244,"id":245,"title":246,"body":247,"linkLabel":248,"linkUrl":249,"linkIsExternal":219,"secondaryLinkLabel":250,"secondaryLinkUrl":251,"secondaryLinkIsExternal":219,"person":252},"CallToActionRecord","146273803","Ontdek of headless past bij jouw digitale product","\u003Cp>Mail je vraag of plan meteen een afspraak in met Jasper, onze CTO.\u003C\u002Fp>","Neem contact op","\u002Fnl\u002Fcontact","Plan een afspraak","\u002Fnl\u002Fmeet\u002Fjasper\u002F",{"name":253,"image":254},"Jasper",{"url":255,"alt":104,"width":256,"height":257},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535518-jasper.jpg",1892,2523,{"__typename":175,"gridAlignment":176,"body":259},{"value":260,"blocks":309},{"schema":179,"document":261},{"type":181,"children":262},[263,267],{"type":196,"level":197,"children":264},[265],{"type":187,"value":266},"Wat zijn de voordelen van headless CMS?",{"type":268,"style":269,"children":270},"list","bulleted",[271,282,291,300],{"type":272,"children":273},"listItem",[274],{"type":184,"children":275},[276,280],{"type":187,"marks":277,"value":279},[278],"strong","Flexibiliteit bij het ontwerpen",{"type":187,"value":281},"\nJe zit niet meer vast aan bepaalde bouwblokken en kan dus veel vrijer nieuwe pagina’s (laten) ontwerpen.",{"type":272,"children":283},[284],{"type":184,"children":285},[286,289],{"type":187,"marks":287,"value":288},[278],"Vrijheid in keuze van programmeertaal",{"type":187,"value":290},"\nDevelopers kunnen via een headless CMS werken met de programmeertalen en frameworks die zij willen. Je bent hierdoor als content eigenaar ook veel vrijer in het kiezen van jouw development partij.",{"type":272,"children":292},[293],{"type":184,"children":294},[295,298],{"type":187,"marks":296,"value":297},[278],"Bespaart tijd en kosten",{"type":187,"value":299},"\nDoordat je content als data wordt gezien, zet je het via de API makkelijk in op andere kanalen. Ook toekomstige kanalen die je nu misschien nog niet hebt. Daar bespaar je dus een hoop tijd en kosten mee.",{"type":272,"children":301},[302],{"type":184,"children":303},[304,307],{"type":187,"marks":305,"value":306},[278],"Veiligheid",{"type":187,"value":308},"\nEen headless CMS is gescheiden van de rest van je applicaties, hierdoor is het minder gevoelig voor cyber aanvallen.",[],{"__typename":175,"gridAlignment":176,"body":311},{"value":312,"blocks":323},{"schema":179,"document":313},{"type":181,"children":314},[315,319],{"type":196,"level":197,"children":316},[317],{"type":187,"value":318},"Voorbeelden van headless CMS toepassing",{"type":184,"children":320},[321],{"type":187,"value":322},"Wij hebben al bij tientallen projecten verschillende headless CMS’en gebruikt, waaronder onze eigen website. Voorbeelden van projecten waarbij we een headless CMS gebruikt hebben:",[],{"__typename":325,"id":326,"cases":327},"CasesListRecord","euhLFUb8SUe5mWgkR-0cyg",[328,337],{"title":329,"slug":330,"caseTeaser":331},"Quantum Inspire","quantum-inspire",{"title":332,"image":333},"Een interface om te leren, spelen en werken met quantum computers",{"url":334,"alt":104,"width":335,"height":336},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1678375063-quantum-inspire-mockup.jpg",1920,1278,{"title":338,"slug":339,"caseTeaser":340},"Geldmaat","geldmaat",{"title":341,"image":342},"Optimale herbruikbaarheid voor nieuwe online kanalen",{"url":343,"alt":104,"width":344,"height":345},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1622105789-geldmaat-case-preview.png",665,470,{"__typename":175,"gridAlignment":176,"body":347},{"value":348,"blocks":359},{"schema":179,"document":349},{"type":181,"children":350},[351,355],{"type":196,"level":197,"children":352},[353],{"type":187,"value":354},"Welk Headless CMS past het best bij jou?",{"type":184,"children":356},[357],{"type":187,"value":358},"Nu je alle voordelen van headless CMS hebt gelezen, ben je natuurlijk om! Maar, hoe kies je welk headless CMS je wilt gebruiken? Dat hangt af van allerlei dingen, zoals je doelen, de grootte van je bedrijf en je budget. Om het wat makkelijker te maken hebben we hieronder een overzicht van onze favorieten.",[],{"__typename":211,"id":361,"image":362,"caption":367,"fullWidth":219,"captionPosition":220},"69576138",{"url":363,"alt":364,"width":365,"height":366},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1636637253-schermafbeelding-2021-11-11-om-14-27-06.png","Logo's van Contentful, Sanity & Dato CMS",1475,521,"",{"__typename":175,"gridAlignment":176,"body":369},{"value":370,"blocks":437},{"schema":179,"document":371},{"type":181,"children":372},[373,427],{"type":268,"style":269,"children":374},[375,409,418],{"type":272,"children":376},[377],{"type":184,"children":378},[379,382,384,393,395,400,402,407],{"type":187,"marks":380,"value":381},[278],"Dato",{"type":187,"value":383}," - Meest gekozen door onze klanten. Een betrouwbaar CMS, geschikt voor zowel grote als kleinere bedrijven. Dato is erg goed met meertalige kanalen. Wij gebruiken Dato ook voor ons eigen CMS en hebben inmiddels >80 ",{"url":385,"meta":386,"type":390,"children":391},"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fservices\u002Fwebapplicaties-ontwikkelen\u002F",[387],{"id":388,"value":389},"title","webapplicaties","link",[392],{"type":187,"value":389},{"type":187,"value":394}," ontwikkeld met dit systeem. Voor Dato ontwikkelen we zelf zo nu en dan ook handige plugins, zoals voor ",{"url":396,"type":390,"children":397},"https:\u002F\u002Fwww.datocms.com\u002Fmarketplace\u002Fplugins\u002Fi\u002Fdatocms-plugin-extended-seo-v2",[398],{"type":187,"value":399},"SEO",{"type":187,"value":401}," en ",{"url":403,"type":390,"children":404},"https:\u002F\u002Fwww.datocms.com\u002Fmarketplace\u002Fplugins\u002Fi\u002Fdatocms-plugin-translate-fields",[405],{"type":187,"value":406},"het vertalen van velden",{"type":187,"value":408},".",{"type":272,"children":410},[411],{"type":184,"children":412},[413,416],{"type":187,"marks":414,"value":415},[278],"Contentful ",{"type":187,"value":417},"- Geschikt voor bedrijven op zoek naar enterprise functionaliteiten. Dit headless CMS biedt een uitstekend support systeem. ",{"type":272,"children":419},[420],{"type":184,"children":421},[422,425],{"type":187,"marks":423,"value":424},[278],"Sanity",{"type":187,"value":426}," - Met hun open-source applicatie ‘Sanity Studio’, biedt Sanity complete controle over de user interface van het CMS. Het vergt wat meer technisch onderhoud, maar leidt tot volledige vormvrijheid.",{"type":184,"children":428},[429],{"url":430,"type":390,"children":431},"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fblog\u002Fheadless-cmsen-strapi-vs-datocms\u002F",[432,435],{"type":187,"marks":433,"value":434},[278],"Lees ook:",{"type":187,"value":436}," Headless CMS'en: Strapi vs Dato CMS",[],{"__typename":175,"gridAlignment":176,"body":439},{"value":440,"blocks":447},{"schema":179,"document":441},{"type":181,"children":442},[443],{"type":184,"children":444},[445],{"type":187,"value":446},"Onze developers kunnen gelukkig met tal van systemen werken, en staan klaar om met je mee te denken over de beste keuze voor jou.",[],{"__typename":244,"id":449,"title":450,"body":451,"linkLabel":248,"linkUrl":249,"linkIsExternal":219,"secondaryLinkLabel":250,"secondaryLinkUrl":251,"secondaryLinkIsExternal":219,"person":452},"72446941","Op zoek naar een CMS wat bij jou past?","\u003Cp>Wij denken graag met je mee. Mail je vraag of plan meteen een afspraak in met Jasper, onze CTO.\u003C\u002Fp>",{"name":253,"image":453},{"url":255,"alt":104,"width":256,"height":257},[],1776256140975]