[{"data":1,"prerenderedAt":231},["ShallowReactive",2],{"DefaultLayouten":3,"language-blog-slug-future-front-end-replaceable-inadequate-innovative-i18n-slugs":134,"language-blog-slug-en-future-front-end-replaceable-inadequate-innovative":141},{"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",[135,138],{"locale":136,"value":137},"en","future-front-end-replaceable-inadequate-innovative",{"locale":139,"value":140},"nl","toekomst-front-end-vervangbaar-ontoereikend-innovatief",{"page":142},{"slug":137,"i18nSlugs":143,"social":146,"title":151,"subtitle":79,"isArchived":152,"headerIllustration":153,"date":154,"authors":155,"introTitle":164,"items":165,"pivots":198,"relatedBlogPosts":199,"tags":200,"onMountedScript":158,"onUnmountedScript":158},[144,145],{"locale":136,"value":137},{"locale":139,"value":140},{"title":147,"description":148,"image":149},"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":150},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1658136268-linkedin-post.jpg","The future of front-end: replaceable, inadequate or innovative?",false,null,"2022-07-18T02:00:00.000+02:00",[156],{"name":157,"lastName":158,"slug":159,"image":160},"Jasper","","jasper",{"url":161,"alt":153,"width":162,"height":163},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535518-jasper.jpg",1892,2523,"This year marks the 10th anniversary of De Voorhoede. In all those years front-end went from a niche to being everywhere. We enjoy being part of the frontrunners and are now looking to what the future of front-end holds.",[166,170,174,178,182,186,190,194],{"__typename":167,"id":168,"title":158,"body":169},"TextSectionRecord","122760933","\u003Cp>\u003Cspan style=\"font-weight: 400;\">In 2012 front-end was all about responsive design and making the first single page apps. As browsers got more powerful, we got to build entire products living within the browser. And as JavaScript entered the server, our work extended to well beyond the browser. Enabling us to build end-to-end user experiences.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">So, when we take a look into the bright shiny future, what do we see in that big crystal blue ball? We see… Design tools taking over. Low code platforms rising. Apple lifting its browser limitations. Progessive Web Apps getting a new chance. Unlimited possibilities for AI. And something about MACH. What is that all about? We’ll give you our vision.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":167,"id":171,"title":172,"body":173},"122760934","Design tools replacing developers","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Let’s kick off with the bad news first. Design tools are going to replace us. Maybe not all of us, but probably a few devs. Tools like Figma and Webflow are generating better CSS. You can build a decent website with just these tools. The bright side to these upcoming tools is that front-end specialists can focus on the bigger challenges. It could mean that clients will have more budget left to invest in projects. It’s an opportunity for more custom development.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":167,"id":175,"title":176,"body":177},"122760935","The rise of low code platforms","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Another thing to keep an eye on is the rise of low code platforms. These platforms allow you to make an application without a developer. In theory this could cost us front-end work. But let’s be honest. In practice it will only be for bare functionality web applications. There’s no space for customization in low code platforms. You also see low-code developers on the market that only know one low-code platform. That makes them less flexible. \u003C\u002Fspan>\u003C\u002Fp>",{"__typename":167,"id":179,"title":180,"body":181},"122760936","Stay ahead to stay alive","\u003Cp>\u003Cspan style=\"font-weight: 400;\">What is the most important thing to take away from these competitors, like design tooling and low code platforms? Always stay on top of the most recent techniques. Make sure you’re 1 step ahead of the competition at all times. The more advanced developers have a bright and shiny future. Make sure you are one of them.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":167,"id":183,"title":184,"body":185},"122760937","The law will set us free","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Looking forward into the future, we have high hopes for an international law about the web. Apple and Safari are withholding the progression of web development. There are a lot of functionalities missing in Safari that are available in other browsers.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Other browsers on Apple devices are prohibited by Apple to use their own browser engine. So when you’re using Chrome on an iPhone, you’re still using Safari. That is quite frustrating for us front-end developers. Right now it’s extremely difficult to compete with a Web App to a Native App. We can see the possibilities, for example with Bluetooth and NFC, but we can’t use them. \u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">We’re hoping for legislation that allows browsers to use their own engine. \u003C\u002Fspan>\u003Cspan style=\"font-weight: 400;\">The same is already happening for payment services where Apple is obligated to allow other payment services than just Apple Pay. \u003C\u002Fspan>\u003Cspan style=\"font-weight: 400;\">We have good hopes the law will change in the upcoming years.  When that happens we’ll be able to do a lot more with web applications. The Progressive Web Apps could get a whole new life. \u003C\u002Fspan>\u003C\u002Fp>",{"__typename":167,"id":187,"title":188,"body":189},"122760938","Unlimited possibilities with Artificial Intelligence","\u003Cp>\u003Cspan style=\"font-weight: 400;\">What trends will play a big role in front-end productions? We think AI will be more accessible. In the future we’d be making even smarter, exciting and challenging applications. AI runs in the cloud and is limited available in browsers, but \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fwww.w3.org\u002Fcommunity\u002Fwebmachinelearning\u002F\">\u003Cspan style=\"font-weight: 400;\">it will be standardized\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"font-weight: 400;\">. It might take a while, because everybody has to agree on the same thing. But it will come.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":167,"id":191,"title":192,"body":193},"122760939","MACH architectures are the next big thing","\u003Cp>\u003Cspan style=\"font-weight: 400;\">One thing is for sure: the future will be all about MACH powered front-ends. Which stands for \u003C\u002Fspan>\u003Cstrong>M\u003C\u002Fstrong>\u003Cspan style=\"font-weight: 400;\">icroservices, \u003C\u002Fspan>\u003Cstrong>A\u003C\u002Fstrong>\u003Cspan style=\"font-weight: 400;\">PI’s, \u003C\u002Fspan>\u003Cstrong>C\u003C\u002Fstrong>\u003Cspan style=\"font-weight: 400;\">loud native SaaS and \u003C\u002Fspan>\u003Cstrong>H\u003C\u002Fstrong>\u003Cspan style=\"font-weight: 400;\">eadless. At De Voorhoede we’ll be using this setup for maximum agility, flexibility, reliability and scalability. This means that we put the user experience front and center. We create tailor-made front-ends to suit users, independent of the back-ends that power them. We leverage best-of-breed cloud services to do the heavy lifting. We enhance these existing cloud services with dedicated business- and product-specific microservices. And we expose and integrate everything with API connections for a seamless user experience.\u003C\u002Fspan>\u003Cspan style=\"font-weight: 400;\">\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fen\u002Fblog\u002Ffull-stack-front-end\u002F\">\u003Cspan style=\"font-weight: 400;\">Read more about MACH\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fp>",{"__typename":167,"id":195,"title":196,"body":197},"122760940","Share your vision with us","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Sounds like the future is all bright and shiny for us at De Voorhoede, right? But don’t forget, we also encounter challenges. We’re just trying to be the first ones to tackle all the problems and show you how to face them.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">So, what will the future look like with all the upcoming competition, trends and challenges? \u003C\u002Fspan>\u003Cspan style=\"font-weight: 400;\">Only time will tell. We’re very curious about your vision. What do you think the future of front-end will look like? Share your thoughts with us on Twitter: \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fdevoorhoede\" target=\"_blank\" rel=\"noopener\">@devoorhoede\u003C\u002Fa> #futureoffrontend\u003C\u002Fspan>\u003C\u002Fp>",[],[],[201],{"id":202,"title":203,"slug":204,"blogPosts":205},"NJN9K2rdSY2pn9MvchHLtw","Strategy","strategy",[206,217,224],{"slug":207,"title":208,"date":209,"authors":210},"reclaiming-digital-sovereignty-on-european-infrastructure","Reclaiming Digital Sovereignty on European Infrastructure","2026-01-29T12:02:28.591+01:00",[211],{"name":212,"image":213},"Luuk",{"url":214,"alt":153,"width":215,"height":216},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1721036156-luuk-edit-edit.jpg",2198,2969,{"slug":218,"title":219,"date":220,"authors":221},"how-close-to-the-user-should-your-code-be","How close to the user should your code be?","2025-10-30T10:07:10.411+01:00",[222],{"name":157,"image":223},{"url":161,"alt":153,"width":162,"height":163},{"slug":225,"title":226,"date":227,"authors":228},"full-stack-front-end","Full-stack Front-end","2022-07-19T02:00:00.000+02:00",[229],{"name":157,"image":230},{"url":161,"alt":153,"width":162,"height":163},1776256140003]