Building a Decentralized Web With Web5

Rate this content
Bookmark

In this talk, we discuss and get an introduction into Web5, an open source decentralized web platform that returns ownership and control over data to individuals where it belongs. It does this by providing a new layer for the web that enables developers to build decentralized applications and protocols.

Adewale Abati
Adewale Abati
13 min
17 Jun, 2024

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Today's Talk introduces Web5, which combines the best of Web 2 and Web 3 to build a decentralized web. Web5 consists of three pillars: decentralized identifiers, verifiable credentials, and decentralized applications. Verifiable credentials are used on platforms like LinkedIn, while decentralized web nodes act as data stores for web apps. Web5 allows users to own their data, reduces friction in onboarding, and enables example applications like Universal Music Playlist and Connected Travel. Building for Web5 presents challenges such as key management and data usage, but there are resources available to learn more about the technologies.

1. Introduction to Web5

Short description:

Hello, everyone. Welcome to JS Nation. Today, I'm going to be talking about building a decentralized web with Web5. The web is powerful and accessible, but a lot of the data is owned and centralized. Web 5 aims to combine the best of Web 2 and Web 3, allowing users to own their own data and identity. Web 5 consists of three pillars: decentralized identifiers, verifiable credentials, and decentralized applications.

Hello, everyone. Welcome to JS Nation. It's my pleasure to be giving this talk today, a lightning talk about building a decentralized web with Web5.

My name is Adewale Abati, and I'm a web engineer and developer advocate, currently working as a staff developer advocate for TBD, which is essentially a company that is looking to build a decentralized future. Today, I'm going to be talking about building a decentralized web. And to do that, the first question is, what is the web like today? Right?

The web is powerful and it's accessible, and I love it for that, but it also has its own shortcomings. One of my favorite things about the web is the fact that I can access it on almost any device, my PlayStation, smart watches, smart TVs, as the case may be. But at the same time, a lot of the data on the web is owned and centralized by corporate bodies, where users and everyday users do not have access or control over their own data. But if you look at the web and the progression over the years, it was initially designed to be decentralized, where people come in, share information, link pages to each other, and the web gets connected.

So introducing Web 5 today, I get a lot of jokes about people asking, why is it not called Web 4? What's Web 5 all about? Right? And Web 5 is essentially trying to take the best of Web 2, which is the current web that we experience today, that we view today, and also the ideology and the best parts of Web 3, which is the decentralization and users being in control of their own data and most of the essentials of the web. So what this means is that Web 5 is a decentralized platform that allows users to own their own data and identity and be able to reuse this information across multiple platforms. There was recently a story of what's it called? A Twitter user went to that site to change to X, where they just obtained their username right, and they had no control over that, because it was never their own identity to begin with. But today we log into multiple websites, multiple platforms using some of the social logins. And this is what Web 5 is looking to improve on when it comes to the web in general.

So there are three pillars of Web 5, and these are all technologies that are built by different standard bodies. And I'm going to be going through each one of them to introduce you to the technology, so I can interest you enough to go learn more about them, because this is just a lightning talk, right? The first one is decentralized identifiers, and they are all self-owned. Decentralized identifiers are self-owned entities that allows you to be able to control your own identity. If you think about every other means of identity on the web today, they are owned by different other bodies like email, social handles, and they cannot be taken from us at any point in time. They are W3C standard, meaning anyone can build and contribute to this standard and start working on it, start using it in everyday life, right?

And the string, a deed is essentially a string that you can be identified with, which is kind of like your name. And using this, you can go to different platforms, using different technologies to identify yourself on the Internet. An example of a deed is this on my screen right now, which is a deed example and a bunch of string, which is three important segments of it. The first identifies as a deed, and the second one is just trying to define what method. The same way we have TLDs, like domainnames.com.net, they kind of specify what kind of deed this is. A deed also resolves like a TLD, meaning it points out this name, this string that identifies somebody, this is the location of the document that you can use to find out more information about them that they've chosen to share.

The next thing, which is also one of my favorite parts about these pillars, is verifiable credentials. Today, it is very difficult to know what is true, correct, or authentic on the Internet. But with verifiable credentials, which are cryptographically signed digital documents, you are able to ensure trust and also verify claims that people make on the Internet. So, think about stuff like birth certificates, educational certificates, or just prove that your TLD or the claim you are making is actually valid. All of this can be digitally signed, cryptographically signed and verified and connected to deeds to make sure that this thing is also connected to the identity. And this can be used in different, different platforms.

2. Verifiable Credentials and Decentralized Web Nodes

Short description:

I think LinkedIn as an example, uses verifiable credentials to issue certification on their platform and it is also connected to deeds. The third and final pillar of Web 5 is decentralized web nodes. Decentralized web nodes acts as data stores for decentralized web apps where the user themselves can host or, you know, manage their own data and they can reuse it across different devices as the case may be.

I think LinkedIn as an example, uses verifiable credentials to issue certification on their platform and it is also connected to deeds. A simple example here is imagine Alice, a fictional character applying for a loan. And for Alice to be able to prove that she works at a specific place, to be able to grant this loan, an easy way to do this would be a company, ACME in this case, issuing a verifiable credential, which includes a name, a salary, and just some kind of validation that, yes, this is an employee of ours. And all of this can be sent across board or shared with the people that have been given the right permissions to verify that the claim that Alice is making is actually true. There are companies today that are also working on using verifiable credentials in different sections of the world, essentially. We have companies that are building digital travel documents, which essentially is a verifiable credential or works kind of like a passport, which this person is allowed to enter into this country or this person is a citizen of this country because it's essentially tied to their identity as well. And it kind of opens up a whole world of possibilities when you start to think more about what verifiable credentials are capable of being, right?

The third and final pillar of Web 5 is decentralized web nodes. And this particularly, you know, tackles the problem of data and who is in control of our data, right? Decentralized web nodes acts as data stores for decentralized web apps where the user themselves can host or, you know, manage their own data and they can reuse it across different devices as the case may be. The decentralized web nodes can also hold, you know, public and encrypted data so you can choose to share some part of, you know, your own personal data like your name or your age if you want to, in some cases, and other public information with people or even websites. And mentally when you think about how this could, you know, could work or improve your life in general, you could think about onboarding flows, right? If you go to a website, say, a design website like Figma, and you have to, you know, customize user preferences, you know, fill in your name, your email, stuff that you do like every other time and you go to a different website, if these are all decentralized web applications, it's easy to reuse your personal information that you've chosen to give them permission to across all of these websites. And that is what is possible when we as individuals are in control of our own data or at least having it accessible to us in a controlled form. So if you're working on a web application or even using a web application that is, you know, web 5 enabled or is decentralized by nature, it's easy for you to use across your different devices. We use your data on these platforms. For example, think about if you have a music playlist on Spotify and you want to change the provider to, say, Apple Music, you're able to go around with your own music data and go to a different platform because your data is yours or the experiences that these people create is something that you can choose to, you know, put around for, right? So these three things I've mentioned are essentially the pillars of web 5.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Building Dapps with React
React Advanced Conference 2021React Advanced Conference 2021
30 min
Building Dapps with React
Decentralized apps (dApps) are continuing to gain momentum in the industry. These developers are also now some of the highest paid in the entire trade. Building decentralized apps is a paradigm shift that requires a different way of thinking than apps built with traditional centralized infrastructure, tooling, and services – taking into consideration things like game theory, decentralized serverless infrastructure, and cryptoeconomics. As a React developer, I initially had a hard time understanding this entirely new (to me) ecosystem, how everything fit together, and the mental model needed to understand and be a productive full stack developer in this space (and why I would consider it in the first place). In this talk, I'll give a comprehensive overview of the space, how you can get started building these types of applications, and the entire tech stack broken apart then put back together to show how everything works.
Building GraphQL APIs on Ethereum
GraphQL Galaxy 2021GraphQL Galaxy 2021
8 min
Building GraphQL APIs on Ethereum
Blockchains are databases with a unique set of properties. Unlike most databases which are optimized for both read and write operations, blockchains are optimized for write operations, typically focused on optimizing and scaling transaction cost, transaction volume, and transaction speed.
In this talk, I'll dive into the web3 space, and show how developers can leverage The Graph Protocol to build performant, scalable, and decentralized GraphQL APIs and dapps on decentralized networks like Ethereum and IPS.
React on the Blockchain - the Missing Getting Started Guide
React Summit Remote Edition 2021React Summit Remote Edition 2021
32 min
React on the Blockchain - the Missing Getting Started Guide
Blockchain is arguably a future technology that can be somewhat confusing to get started. Even though there are plenty of resources scattered across the web, but to get started developing distributed apps in React on the blockchain can sound intimidating. In this talk, Vladimir Novick will share how we can get started and what you should know about blockchain architecture. If you always wanted to get into Blockchain development and didn't know where to start, this talk is for you.
Build Blockchain dApps using JavaScript
JSNation 2022JSNation 2022
21 min
Build Blockchain dApps using JavaScript
Have we found nirvana for Blockchain developers? This session will focus on building blockchain dApps (distributed Apps) with one set of source code and deploy to multiple blockchains! The session will cover getting started with Reach and being able to deploy the same solution to multiple blockchains including Algorand, Ethereum, and Conflux. New to Reach? We will cover how to set up your development environment as well as walk through a simple app frontend and backend. Finally, we will look one the huge benefits of Reach in the built-in verification process. Reach provides automatic verifications to ensure that your program does not lose, lock away, or overspend funds and guarantees that your applications are free from this entire category of errors.
Unlocking Digital Ownership: How to Store Accounts Using Blockchain Technology
JSNation 2024JSNation 2024
30 min
Unlocking Digital Ownership: How to Store Accounts Using Blockchain Technology
Join us for a dynamic talk aimed at highlighting the importance of ownership in the digital world. We'll explore how blockchain technology offers a solution, granting developers control over their accounts and data.

Workshops on related topic

Web3 Workshop - Building Your First Dapp
React Advanced Conference 2021React Advanced Conference 2021
145 min
Web3 Workshop - Building Your First Dapp
Top Content
Featured WorkshopFree
Nader Dabit
Nader Dabit
In this workshop, you'll learn how to build your first full stack dapp on the Ethereum blockchain, reading and writing data to the network, and connecting a front end application to the contract you've deployed. By the end of the workshop, you'll understand how to set up a full stack development environment, run a local node, and interact with any smart contract using React, HardHat, and Ethers.js.
Querying Blockchain Data with GraphQL
JSNation 2023JSNation 2023
64 min
Querying Blockchain Data with GraphQL
WorkshopFree
Simon Emanuel Schmid
Simon Emanuel Schmid
Curious about how data works in the world of blockchain? Join Simon in an engaging session about The Graph, the decentralized indexing protocol that makes it easy for blockchain developers to search and query blockchain data. 
Table of the contents:- Understanding blockchain data- Anatomy of a smart contract- Indexing blockchain data with The Graph- Accessing data on The Graph- Recommended subgraphs- Writing subgraphs overview
How to Build UI's for Smart Contracts
React Summit 2022React Summit 2022
134 min
How to Build UI's for Smart Contracts
Workshop
Rahat Chowdhury
Rahat Chowdhury
There are many journeys we can take into becoming a web3 developer. Not all journeys require learning a completely new language and becoming a smart contract developer. In this workshop we will learn how to build our own React UI on top of any existing smart contracts on the Polygon Proof of Stake Blockchain. We will explore a basic overview of blockchains and learn about the advantages of building on Polygon. We will also gain an understanding of what Smart Contracts are, learn how to find existing ones, and learn tools that help us interact with them from a React application.
Build Web3 apps with Javascript
JSNation 2022JSNation 2022
49 min
Build Web3 apps with Javascript
WorkshopFree
Shain Dholakiya
Shain Dholakiya
The workshop is designed to help Web2 developers start building for Web3 using the Hyperverse. The Hyperverse is an open marketplace of community-built, audited, easy to discover smart modules. Our goal - to make it easy for JavaScript developers to build Web3 apps without writing a single line of smart contract code. Think “npm for smart contracts.”Learn more about the Hyperverse here.We will go over all the blockchain/crypto basics you need to know to start building on the Hyperverse, so you do not need to have any previous knowledge about the Web3 space. You just need to have JavaScript experience.