Channel: Clever Programmer
Category: Education
Tags: codingcleverprogrammersoftware developmentreact jsprogrammerdeveloperweb developmenttutorialsoftware developerprogrammingjavascript
Description: 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 ๐ thirdweb.com/start?utm_source=youtube&utm_medium=social&utm_campaign=clever+programmer&utm_term=web3clones Get the free boosted plan with Sanity ๐ sanity.io/cleverprogrammer ๐๏ธ Link to the assets: drive.google.com/drive/folders/1BS_tG_B7kH3pJVBu6KJiLgsk4T2gt9Jr @Coder Coder How to Make a Background Image Transparent in CSS ๐ youtube.com/watch?v=LQsjNmkqUOc&ab_channel=CoderCoder ๐ GitHub Repo: github.com/CleverProgrammers/opensea-blockchain-youtube 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: cleverprogrammer.com/discord ๐ Join Profit with React: cleverprogrammer.com/pwr?utm_source=youtube&utm_medium=yt-description&utm_campaign=yt-build&utm_content=22-jan-coinbase-web3-clone ๐ค Attend our meetups: cleverprogrammer.com/meetups #web3 #frontend #blockchaindeveloper