โถ Coinbase Website: Coinbase.com
โถ CEX Website: cex.io
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 ๐
Get the free boosted plan with Sanity ๐
๐๏ธ Link to the assets:
๐ GitHub Repo:
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:
๐ Join Profit with React:
๐ค Attend our meetups:
#web3 #frontend #blockchaindeveloper
โถ Coinbase Website: Coinbase.com
โถ CEX Website: cex.io
Youtube version
