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

рдЕрдЧрд▓рд╛

рд╕реНрд╡рдд: рдкреНрд▓реЗ

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

33 рд╡рд┐рдЪрд╛рд░реЛрдВ тАв 30 рдЬрдирд╡рд░реА 2022
рд╢реЗрдпрд░ рдХрд░рдирд╛
рдПрдореНрдмреЗрдб
View
View
рдЧреНрд░рд╛рд╣рдХреЛрдВ
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

рдФрд░ рджрд┐рдЦрд╛рдУ
2 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ sort рдЗрд╕рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдХреНрд░рдордмрджреНрдз рдХрд░реЗрдВ
Mohamed Lamaini
Mohamed Lamaini
10 рдорд╣реАрдиреЗ рдкрд╣рд▓реЗ

ЁЯШО

0
0
Janusz Cezar
Janusz Cezar
2 рд╡рд░реНрд╖реЛрдВ рдкрд╣рд▓реЗ

sefaweff

1
0
рдФрд░ рджрд┐рдЦрд╛рдУ

рдЕрдЧрд▓рд╛

рд╕реНрд╡рдд: рдкреНрд▓реЗ