โถ Coinbase Website: Coinbase.com
โถ CEX Website: cex.io
In this tutorial, youโre gonna be building the Twitter Blockchain Web 3.0 App using Solidity, Next JS, Sanity.io, Tailwind CSS, and Vercel ๐ฅ
๐คGet FREE test Rinkeby Ethereum here:
Get the free boosted plan with Sanity ๐
๐๏ธ Link to the assets:
๐ GitHub Repo:
Iโm giving away $200 worth of ETH for a lucky winner in the comments ๐ค
Last time we gave away $100 in ETH to Brenda. Click here to see the transaction:
To be eligible to win, make sure to follow me on Twitter @cleverqazi and tell me why you want to become a blockchain developer in the comments ๐
Youโll be learning about:
๐ Building a Web 3.0 Application with Next JS
๐ Build your own smart contract using Solidity
๐ Styling your app using Tailwind CSS
๐ Adding Web 3.0 authentication using MetaMask
๐ Storing your tweets and users in Sanity.io
๐ Using GROQ to retrieve data from Sanity Studio and display it in your Web 3.0 App
๐ Mint your own NFT profile picture for your Twitter account
๐ Deploy and host the app on Vercel
Buckle up, buttercup ๐
๐ฐ๏ธ Timestamps
00:00:00 โ Intro
00:05:13 โ Set up Next.JS App And Sanity IO
00:07:26 โ Add Sidebar
00:23:08 โ Create Feed
00:25:32 โ Add Tweetbox
00:29:24 โ Add Post Component
00:38:16 โ Add Widgets Component
00:42:34 โ Add Profile Page
00:54:12 โ Solidity Smart Contract for Minting NFTs
01:15:50 โ Add MetaMask Authentication
01:28:13 โ Set up Sanity Database
01:35:42 โ Save Tweets to Sanity DB
01:43:14 โ Populate Dynamic Data throughout the App
01:50:22 โ Add Minting Modal
02:16:52 โ Outro
=======================================================
๐จโ๐ฉโ๐ฆโ๐ฆJoin our Discord Community:
๐ Join Profit with React:
๐ค Attend our meetups:
#web3 #solidity #blockchain
โถ Coinbase Website: Coinbase.com
โถ CEX Website: cex.io
Youtube version
