close

Welcome to PlayTube Demo!


Please note that the upload system is temporarily disabled for public use on our demo due to a lot of users uploading illegal content. You can still upload videos. However, the video privacy will be set to private as default. Your video will not show in the demo version.

watermark logo

Up next

Autoplay

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

33 Views โ€ข 30 January 2022
Share
Embed
View
View
Subscribers
0

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
9 months ago

๐Ÿ˜Ž

0
0
Janusz Cezar
Janusz Cezar
2 years ago

sefaweff

1
0
Show more

Up next

Autoplay