Build OpenSea Blockchain Web 3.0 App with Next.js | Sanity.io | thirdweb

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 In this tutorial, you’re gonna be building the Coinbase Blockchain Web 3.0 App using…

Build OpenSea Blockchain Web 3.0 App with Next.js | Sanity.io | thirdweb

Source

0
(0)

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

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 πŸ”₯

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

0 / 5. 0