watermark logo

Up next

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

34 Viewsยท 30 January 2022
View
View
Subscribers
0
In Other

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

Show more

 2 Comments sort   Sort By


Mohamed Lamaini
Mohamed Lamaini 1 year ago

๐Ÿ˜Ž

0    0 Reply
Janusz Cezar
Janusz Cezar 3 years ago

sefaweff

1    0 Reply
Show more

Up next