34 Viewsยท 30 January 2022
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/1K2F71CTBYI
๐ GitHub Repo: https://github.com/CleverProgr....ammers/cp-linkedin-c
In this tutorial, you're gonna be building the Opensea 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 NFT 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 NFTs on the blockchain
๐ Deploy and host the app on Vercel
Buckle up, buttercup ๐
โฒ๏ธ Timestamps
00:00:00 - Intro
00:01:32 - Demo Opensea Clone App
00:06:21 - Setting up NextJS
00:22:28 - Add Navbar
00:37:24 - Add Hero
00:46:58 - Set up Metamask Authentication with NextJS
01:07:31 - Build NFT Collection Page
01:37:26 - Add NFT Detail Page
01:59:27 - Set up NFT Direct Listing Purchase using NextJS and Thirdweb
02:14:35 - Deploy NextJS App to Vercel
02:21:27 - Outro
=======================================================
๐จโ๐ฉโ๐งโ๐ฆ 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
2 Comments
Mohamed Lamaini
1 year agoJanusz Cezar
3 years ago