โถ Coinbase Website: Coinbase.com
โถ CEX Website: cex.io
In this tutorial, youโre gonna be building the Opensea Blockchain Web 3.0 App using Next JS, Sanity.io, thirdweb, Tailwind CSS, and Vercel ๐ฅ
Get early access to thirdweb ๐
Get the free boosted plan with Sanity ๐
๐๏ธ Link to the assets:
@Coder Coder How to Make a Background Image Transparent in CSS ๐
๐ 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 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:
๐ Join Profit with React:
๐ค Attend our meetups:
#web3 #frontend #blockchaindeveloper
โถ Coinbase Website: Coinbase.com
โถ CEX Website: cex.io
Youtube version
