Full Stack Web3 with Lens Protocol, Next.js, and GraphQL - Building a Social Media App
Nader Dabit Nader Dabit
50K subscribers
20,059 views
0

 Published On May 31, 2022

In this video you'll learn how to use Lens Protocol to build out a basic social media application.

🔗 Lens Protocol Starter - https://github.com/dabit3/lens-protoc...
🔗 Lens Protocol Subgraph - https://github.com/protofire/lens-pro...
🔗 Example codebase from tutorial - https://github.com/dabit3/lens-youtub...
🔗 Lens Protocol Developer Docs - https://lens.xyz/garden

We'll create a new Next.js app, install our dependencies, then query for user profiles. We'll then update the UI to list profiles and their metadata, and allow users to click on a profile and navigate to an individual profile view to see the user's posts.

Next we'll add a follow button to initialize a transaction in the smart contract to enable "follow" functionality. By the end of the video you should have a good understanding of how to use Lens protocol to build out your own applications.

0:00 - Introduction
3:33 - Project initialization and installing dependencies
4:41 - Creating the first query
12:00 - Rendering profiles in the UI
19:55 - Creating the profile page
37:49 - Following a user
44:44 - Wrapping up

show more

Share/Embed