Published On Premiered Jan 29, 2022
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 ๐ https://thirdweb.com/start?utm_source...
Get the free boosted plan with Sanity ๐ https://www.sanity.io/cleverprogrammer
๐๏ธ Link to the assets: https://drive.google.com/drive/folder...
@TheCoderCoder How to Make a Background Image Transparent in CSS ๐ ย ย ย โขย Howย toย makeย aย background-imageย transp...ย ย
๐ GitHub Repo: https://github.com/CleverProgrammers/...
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?...
๐ค Attend our meetups: https://www.cleverprogrammer.com/meetups
#web3 #frontend #blockchaindeveloper Biz / Sponsorships ๐ https://www.cleverprogrammer.com/part...