watermark logo

Avanti il prossimo

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

35 Visualizzazioniยท 30 Gennaio 2022
View
View
Iscritti
0
In Altro

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

Mostra di piรน

 2 Commenti sort   Ordina per


Mohamed Lamaini
Mohamed Lamaini 2 anni fa

๐Ÿ˜Ž

0    0 Rispondere
Janusz Cezar
Janusz Cezar 3 anni fa

sefaweff

1    0 Rispondere
Mostra di piรน

Avanti il prossimo