[{"data":1,"prerenderedAt":207},["ShallowReactive",2],{"DefaultLayouten":3,"language-blog-slug-the-web-is-evolving-exploring-the-latest-web-3-0-trends-and-developments-i18n-slugs":134,"language-blog-slug-en-the-web-is-evolving-exploring-the-latest-web-3-0-trends-and-developments":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},"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],{"locale":136,"value":137},"en","the-web-is-evolving-exploring-the-latest-web-3-0-trends-and-developments",{"page":139},{"slug":137,"i18nSlugs":140,"social":142,"title":146,"subtitle":79,"isArchived":147,"headerIllustration":148,"date":152,"authors":153,"introTitle":162,"items":163,"pivots":204,"relatedBlogPosts":205,"tags":206,"onMountedScript":156,"onUnmountedScript":156},[141],{"locale":136,"value":137},{"title":143,"description":144,"image":145},"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?",null,"The web is evolving; exploring the latest Web 3.0 trends and developments",false,{"url":149,"alt":145,"width":150,"height":151},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1642175749-web-3-0-header-image.png",1728,1117,"2022-01-28T01:00:00.000+01:00",[154],{"name":155,"lastName":156,"slug":157,"image":158},"Friso","","friso",{"url":159,"alt":145,"width":160,"height":161},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,"What does Web 3.0 mean for us as an agency and for you as a developer?",[164,168,172,176,185,189,196,200],{"__typename":165,"id":166,"title":156,"body":167},"TextSectionRecord","96876636","\u003Cp>\u003Cspan>With the \u003Cstrong>crypto boom\u003C\u002Fstrong> last year and more and more celebrities like Jack Dorsey and Ellen DeGeneres investing in NFTs, the \u003Cstrong>Web 3.0 seems to be getting closer\u003C\u002Fstrong>. Blockchain and crypto will only become more mainstream in 2022. What is Web 3.0? What does it mean for us as an agency and for you as a developer? This blog post explains the \u003Cstrong>ins and outs\u003C\u002Fstrong>. \u003C\u002Fspan>\u003C\u002Fp>",{"__typename":165,"id":169,"title":170,"body":171},"96876637","From Web 1.0 to 3.0","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Before we get into the technical stuff, let's have a quick recap of Web 1.0 to 3.0. Web 1.0 refers to the first phase of the Internet, from 1991 to 2004. During this period, websites consisted of very \u003Cstrong>static pages\u003C\u002Fstrong> and web participants can be compared to visitors. At that time, there was little to no interaction with the web. Think of a website that you can only read, but on which you cannot create an account or leave comments. From 2004, with the arrival of Facebook and Google, a new era began in which web \u003Cstrong>participants now also became creators\u003C\u002Fstrong>, the Web 2.0. Think for example of publishing a Twitter post or Youtube video. This increased interaction on the web. You publish something and a website receives your data. However, this opened up a new direction for the web: targeted advertising and monetization. \u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">In recent years, distrust of big techs has increased and deregulation is on the agenda at the EU among other institutions. And here comes Web 3.0. The fundamental difference between Web 2.0 and Web 3.0 is decentralization. In Web 3.0, \u003Cstrong>participants now own what they do\u003C\u002Fstrong> on the web. Here, websites run on decentralized servers, blockchain, or a combination of the two. Where on Web 2.0 developers paid AWS or Azure to host their applications, on Web 3.0 this money goes directly to web participants. And where on Web 2.0 Facebook and Google are paid to display adverts, on Web 3.0 this money goes directly to users who are shown the advertisement. So in Web 3.0, \u003Cstrong>intermediaries are sidelined\u003C\u002Fstrong>.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":165,"id":173,"title":174,"body":175},"96876638","What is the NFT hype about?","\u003Cp>\u003Cspan>This may still sound somewhat cryptic. So, let's take a look at some examples of existing Web 3.0 applications.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan>I already mentioned one in the introduction: NFTs. \u003Cstrong>Non-fungible tokens (NFTs)\u003C\u002Fstrong> are crypto assets on blockchain and are distinguished from each other by unique codes. This distinguishes them from cryptocurrencies, where each token represents the same value. Therefore, NFTs are a good vehicle for storing physical value, such as art and real estate. This is not a completely new concept, but the way this is done, using blockchain and smart contracts, is. Intermediaries are sidelined and \u003Cstrong>identification and verification\u003C\u002Fstrong> of transactions becomes much simpler. Want to delve deeper into this? Take a look at NFT marketplaces such as \u003Ca href=\"https:\u002F\u002Fopensea.io\u002F\">OpenSea\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fhicetnunc.art\u002F\">Hic et Nunc\u003C\u002Fa>. \u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan>So how does this work with real estate? The NFT represents the ownership information of a real estate asset, recorded on a blockchain. All details, such as ownership, building plans, the location and the investor's rights, are mapped in digital form and recorded in a smart contract. The value of the property is then divided into a fixed number of tokens and issued to investors. After the initial issuance, these can be listed on a digital exchange for secondary market trading and easily be resold by investors. Want to read more about this? Take a look at Propy, \u003Ca href=\"https:\u002F\u002Fpropy.com\u002Fbrowse\u002Fpropy-nft\u002F\">the world's first real estate NFT\u003C\u002Fa>.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":177,"id":178,"image":179,"caption":156,"fullWidth":147,"captionPosition":184},"ImageRecord","96876639",{"url":180,"alt":181,"width":182,"height":183},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1642176012-schermafbeelding-2022-01-14-om-16-59-51.png","Web2 vs Web3",890,620,"bottom",{"__typename":165,"id":186,"title":187,"body":188},"96876640","What does this trend mean for frontend?","\u003Cp>How will de Voorhoede adapt to this trend? As can be seen in the image above, this new era of the web \u003Cstrong>will not affect the frontend that much\u003C\u002Fstrong>. In Web 3.0 websites will still be built using HTML, JS and CSS. However, it \u003Cstrong>does influence some aspects, like hosting\u003C\u002Fstrong>. ​​Right now AWS and Azure host about 70% of all web applications. Web 3.0 enables the same web building capacity for a similar or lower price, decentralized and with increased security. Take \u003Cspan>\u003Ca href=\"https:\u002F\u002Fwww.pokt.network\u002F\">Pocket Network \u003C\u002Fa>for example. Not only does Pocket Network not capture or control user data, but also, instead of hosting the infrastructure directly, it coordinates between a network of nodes, making it more cloud than AWS and Azure. \u003C\u002Fspan>\u003C\u002Fp>",{"__typename":177,"id":190,"image":191,"caption":156,"fullWidth":147,"captionPosition":184},"96876641",{"url":192,"alt":193,"width":194,"height":195},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1642176067-schermafbeelding-2022-01-14-om-17-00-52.png","Illustration of a seed, shrub, the tree and the elder",524,674,{"__typename":165,"id":197,"title":198,"body":199},"96876642","Joining Web 3.0 in a sustainable manner","\u003Cp>\u003Cspan>Although there are a lot of benefits to Web 3.0, it also brings about \u003Cstrong>environmental concerns\u003C\u002Fstrong>. A number of NFT artists have said they are leaving this market because this industry consumes an enormous amount of energy. For example, Ethereum, a cryptocurrency which is widely used to buy and sell NFTs, consumes 99.6 TWh annually. When the energy consumption of Ethereum and Bitcoin is added together, this comes to \u003Ca href=\"https:\u002F\u002Fdigiconomist.net\u002Fethereum-energy-consumption\u002F\">301.5 TWh per year\u003C\u002Fa>. The Netherlands, for example, consumes 117.1 TWh of energy per year as a whole.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan>Fortunately, there are \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fjingculturecommerce.com\u002Feco-friendly-green-nfts\u002F\">more sustainable options and initiatives\u003C\u002Fa>\u003C\u002Fstrong> to enter this industry. Ethereum operates a Proof-of-Work (PoW) mechanism that consumes a huge amount of energy. There are alternative mechanisms, such as Proof-of-Stake (PoS), that use a lot less energy. Polygon and Tezos, among others, use this mechanism. Tezos currently has an annual consumption of 0.00006 Twh. Currently, Ethereum is fortunately also \u003Ca href=\"https:\u002F\u002Fethereum.org\u002Fen\u002Fdevelopers\u002Fdocs\u002Fconsensus-mechanisms\u002Fpos\u002F\">switching to PoS\u003C\u002Fa>. Do you want to give the earth a green future? Then check which cryptocurrency and blockchain is required before buying an NFT. Want to buy a sustainable NFT? Take a look at \u003Ca href=\"https:\u002F\u002Fcryptotrees.site\u002F\">Crypto Trees\u003C\u002Fa>. Buy a digital tree and plant a real one at the same time. \u003C\u002Fspan>\u003C\u002Fp>",{"__typename":165,"id":201,"title":202,"body":203},"96876643","Want to read (and listen) more?","\u003Cul>\n  \u003Cli>\u003Cspan>The podcast The Basement Entrepreneur discusses how \u003Ca href=\"https:\u002F\u002Fopen.spotify.com\u002Fepisode\u002F1wZUfyadasJ4CIRcJlmD6d?si=FS6W4otBQXWXbNyUNNT-WA\">Web 3.0 is different from Web 2.0\u003C\u002Fa> (from 15:20), \u003Ca href=\"https:\u002F\u002Fopen.spotify.com\u002Fepisode\u002F6tFrNKqh5qr5suN8NjIu9S?si=OkqFl5mHTbC_mUolG2E6AA\">what areas will be disrupted\u003C\u002Fa> (from 11:55) and why this is so important. \u003C\u002Fspan>\u003C\u002Fli>\n  \u003Cli>\u003Cspan> \u003C\u002Fspan>\u003Cspan>A \u003Ca href=\"https:\u002F\u002Fmessari.io\u002Fcrypto-theses-for-2022\">2022 prediction\u003C\u002Fa> about the crypto, NFT and Web 3.0 landscape.\u003C\u002Fspan>\u003C\u002Fli>\n  \u003Cli>\u003Cspan> \u003C\u002Fspan>\u003Cspan>The twitter account \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fweb3university\">Web3 University\u003C\u002Fa>, which posts a lot of threads, tips and blog posts about how you can get into Web 3.0 as a developer.\u003C\u002Fspan>\u003C\u002Fli>\n  \u003Cli>Critterz allows you to use \u003Ca href=\"https:\u002F\u002Fwww.critterz.xyz\u002F\">NFTs in minecraft\u003C\u002Fa> and earn $BLOCK (a cryptocurrency) while playing.\u003Cspan>\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cul>\u003C\u002Ful>",[],[],[],1776256149688]