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





โ–ถ 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

Spread the love

Related posts

Leave a Comment