In this tutorial, you’re gonna be building the Coinbase Blockchain Web 3.0 App using Next JS, Sanity.io, thirdweb, Styled Components, and Vercel 🔥
Get early access to thirdweb 👉 https://thirdweb.com/start?utm_source=youtube&utm_medium=social&utm_campaign=clever+programmer&utm_term=web3clones
Get the free boosted plan with Sanity 👉 https://www.sanity.io/cleverprogrammer
🗄️ Link to the assets: https://drive.google.com/drive/folders/1K2F71CTBYIlF4zMw9EMz5P231TQ80_x1
🔗 GitHub Repo: https://github.com/drakosi99/coinbase-clone
You’ll be learning about:
👉 Building a Web 3.0 Application with Next JS
👉 Styling your app using Styled Components
👉 Create and mint your own Cryptocurrency Tokens using the thirdweb SDK
👉 Adding Web 3.0 authentication using Metamask
👉 Storing data and information about the tokens you created in Sanity.io
👉 Using GROQ to retrieve data from Sanity Studio and display it in your Web 3.0 App
👉 Creating a send and receive functionality for your tokens on the blockchain
👉 Deploy and host the app on Vercel
Buckle up, buttercup 🚀
⏲️ Timestamps
00:00:00 – Intro
00:00:58- Demo
00:04:30 – Setup Project
00:29:01 – Login with Metamask
00:40:17 – Add Heaeder
00:48:26 – Add Portfolio Component
01:09:08 – Add Sidebar
01:20:21 – Add Connected Wallet Component
01:24:50 – Finish Sidebar Style
01:26:57 – Build Side Promo Element
01:31:19 – Add Chart & Balance
01:39:47 – Calculate Total Balance & Query Sanity Database
02:19:04 – Add Modal
02:32:58 – Modal Routing & Transfer Crypto
03:17:40 – Switch Tokens
03:43:08 – Other Pages in the Modal
04:04:01 – Closing Remarks
=======================================================
👨👩👧👦 Join our Discord Community: https://cleverprogrammer.com/discord
🚀 Join Profit with React: https://www.cleverprogrammer.com/pwr?utm_source=youtube&utm_medium=yt-description&utm_campaign=yt-build&utm_content=22-jan-coinbase-web3-clone
🤝 Attend our meetups: https://www.cleverprogrammer.com/meetups
#web3 #frontend #blockchaindeveloper Biz / Sponsorships 👉 https://www.cleverprogrammer.com/partnerships
