Build Twitter Blockchain Web 3.0 App with Solidity | Next.js | Sanity.io ($200 Crypto Giveaway)

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: faucets.chain.link/rinkeby
Get the free boosted plan with Sanity 👉 www.sanity.io/cleverprogrammer
🗄️ Link to the assets: drive.google.com/drive/folder...
🔗 GitHub Repo: github.com/CleverProgrammers/...
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: etherscan.io/tx/0xa559ee4ce4a...
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: cleverprogrammer.com/discord
🚀 Join Profit with React: www.cleverprogrammer.com/pwr?...
🤝 Attend our meetups: www.cleverprogrammer.com/meetups
#web3 #solidity #blockchain Biz / Sponsorships 👉 www.cleverprogrammer.com/part...

[@CleverProgrammer]

I’m giving away $200 worth of ETH for a lucky winner in the comments 🤑 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 (make sure to drop your wallet address in the thread [not in the comment itself])👇

[@PrateekNITH]

Web3 is the future. We are moving from a centralized world to a decentralized world and this is the best time to dive into block chain development as there is very low competition. This is the technology which will shape the future, and I want to be a part of it. Hence, I want to become block chain developer.

[@hitenjain4688]

Blockchain provides trust by removing middle men, it will make sending transacting very easy

[@babarraza]

everything we do with blockchain is transparent and it is immutable, The web3.0 is new and need alot of efforts to build the community...I want to contribute and give back to the community by adopting and using my development skills.

[@klpmaleesha]

Web 3 is an interesting topic all around the world and a lot of people are learning blockchain development and also I am a huge fan of learning new and trending technologies. And you guys a huge help to me because before you post web 3 videos I didn't know anything related to blockchain development. Now I am a huge fan of web 3. I was interested in crypto since I was little so I started learning web3 and you guys are the main reason I know web3 now. So thank you cp fam so much. Keep making lit clones like this

[@mohammadmidlaj1090]

The reason why I want to become a block chain development is that because I am 1st year btech cse student. And i am working on a metaverse and web 3.0 startup. That will soon finish work.i love technology the more I watch your videos I will get motivated.i love you brobro..

[@klpmaleesha]

Hey, clever programmer fam huge fan of your work. I started my coding career by joining one of your boot camps. My first project is your Tesla website clone. You guys made me love coding. Now I am making advanced projects because of you guys. Now I am participating in all of your clone builds. I have never missed one of your boot camps since I started watching videos. And also I am so excited to build this too. I am sure this is going to be awesome because you guys are the best 🖤

[@felixfigueroa]

With each publication I learn so many new things that I am really amazed, there is nothing like what you are doing, I congratulate you for being the first to teach Web3 and its possibilities in depth, it is a world that has a lot to do and you are making history....it's a great job...I'm looking forward to the next project...!

[@kornflakesss]

Aside from being detailed, you have a great sense of humor. I enjoyed learning with you bro

[@ahmedabdelkareem8122]

i've just started learning and trying to learn actually about Web3 development and found your amazing tutorial ty Qazi!

[@babarraza]

This is lit Bruh! you are Bringing some Next Level Web3.0 builds it helped me a lot hunting my first project with web3.0 which was the opensea and coinbase clone ❤️❤️

[@uniquezay2019]

This is one of the most thorough and broken down tutorial video I've ever watched

[@CleverProgrammer]

Super happy to hear that. Thanks for sharing!

[@refikrafailov2814]

I still have a few months before I feel ready to do this but still watching it is inspiring a lot

[@alysonsantos4686]

This is going to be my first web 3.0 project! Let's gooooo!!!

[@ledessaliniste5717]

Hey, Huge fan of your work. I was already in tech when I started watching your videos and joined PWJ. While I am not working as a dev I am working with databases in creating scripts to produce various reports, create various endpoints and do app support. I want to become a blockchain developper to further my career and switch to web development at the beginning of this next phase of the internet.

[@CreativeTutorialsWeb]

This is too good, you're amazing Sir, you're changing lives and the world ❤️

[@Muhammadijaz-pt4td]

i was searching for NFT project like this one from the last few days... and at the end, I got this... thanks and really appreciated :)

[@raminaous8816]

Hey, huge fan i always watch your videos and build your amazing projects learned so much from you . Thank you so much !

[@cryptoencrypted5855]

I am 16 and currently working on a web3 based game. Even though it’s a bit challenging because I use flutter in app and 2d game developments which most youtubers don’t often use for web3 development(a concept I’m new to) thus making web3 integration a bit challenging. But I haven’t planned to give up. With the aid of your videos and other helpful KZbin videos out there I’m sure I can bring the game to life.

[@FlowerNewton]

I want to become a blockchain developer. It is really through your many videos that I have such an interest in blockchain development and even just development in general! (still very fresh in the tech field) . Im still learning the basics of web development but I hope that one day I will be able to do the amazing work you are doing. Thanks for sharing all of this content with the world. P.S That intro animation was very cool

[@YousefMohamed-jb8bq]

Thank you for your hard work to published this good content for free

[@daniellarbiaddo9417]

Hey Clever Programmer, this is super cool. Thank you for this tutorial

[@josemarvinhenriquez3383]

Awesome! I learn quite a lot every time. Thanks for sharing your knowledge.

[@touristswings8486]

I love your work very much, Qazi. And even though your content isn't my work, I always watch what you're doing until the end, and I like you.♥️♥️

[@touristswings8486]

Can you help me find a job?

[@FAIZAN1421]

hey, qazi.Thank you so much. I am really impressed with you. you guys are really doing good work as a charity for all of us students who cannot afford such expensive courses. and believe me, these skills we don't learn in universities. your content is always up to date and ahead of what the trend is going on. keep uploading projects like this. :)

[@ordisigipma7064]

I'm from the Philippines and it is 3 am here in the morning. So pump for this great content!

[@CleverProgrammer]

So happy to hear that!

[@cyberworld4381]

Thanks brother for this tutorial I am looking for this tutorial as I am working on some projects which includes this post and comments including NFT Profile picture as a functionality which you explained very well in easy language.

[@busraozata]

In an innovative world, we need to develop innovative projects, and of course, we need to develop ourselves first. :)

[@HELK]

The new next.js update looks great

[@omg6085]

I think your the best programmer 👨‍💻 and mentor to teach 🥰

[@davidmaynestreet]

Focusing on Web3 is the Clever Way To Go !

[@TwoTeaTee]

Enjoyed this, and the extra care in editting to safe my time.

[@shivani9840]

Hey Abhishek! Do you usually learn through these online tutorials ? Have you created any projects? Would you be interested in exploring opportunities in web development?

[@podcasts1420]

Tried working on the uniswap video it was very good was waiting for these video to work on these technologies.. really having fun working simultaneously with u thank you 🙏😎😎

[@shivani9840]

Hey Shashank! Have you ever taken the help of any tutorial to do a project? Would you be interested exploring opportunities in web development?

[@pyc0d3r]

The reason I want to become a Blockchain developeris the most important factor is, I believe, I'm interested in and good to the abstract logic things from my childhood. The output of that feature is that I'm extremely enjoying in my programing works. When doing it I will unstoppably focus on the work and feel so great about what I created. I believe that's the biggest reason that I choose Blockchain Development as my position.

[@johnsizemore1666]

Getting excited. Setting up on my patio, coffee brewing here in Austin.

[@CleverProgrammer]

Ah that's a vibe. This makes me want to come to Austin and hangout with you!

[@francescociulla]

pumped for this livestream! (don't count me in for the giveaway lol)

[@CleverProgrammer]

haha Francesco!

[@Aj-po9dc]

Dude!!! This build is on FYAH!!! I don't even want your ETH... I just want you to know I'm so SOTKED for this one! Loved your stuff man! Keep it up! I learn so much from you guys here!

[@CleverProgrammer]

Thanks bro!!! That makes me so happy

[@Aj-po9dc]

@@CleverProgrammer Oof... I was wondering how you managed to fit all that info into 2hr 20min... It's fast and it's furious! LoL I'm only 30min in and I started 4 hours ago... ____EDIT: This is going to take me a week to put this two hours together... It'll have taken me my whole 12 hr shift to get to end of the widget section... ____ But this is amazing stuff. I started really getting into it only a few months ago, maybe 4 or 5... But I learned enough that I can understand what your saying as you explain through it all. Man, I hope one day I can do this as a job....

[@akankshaonutube]

HIII!!! Eagerly waiting for this to start. Will learn a new thing again!!

[@shivani9840]

Hey Akanksha! Are you a fresher and open to opportunities in web development currently? Have you created any projects in JavaScript frameworks?

[@bibs24]

Qazi you are legend! Keep Rocking CP!🚀🚀🚀🚀💯❤️

[@AA-fy7kn]

Absolutely amazing !

[@thisarudil]

Amazing...Waiting for this

[@abdelrahmanmohamed8258]

I'm trying to stay and work in the US after I finish my degree. Becoming Blockchain developer will give a huge advantage in the job market.

[@correctcode367]

Hey Qazi, I want to become a blockchain developer because I know blockchain will change the internet soon, and also It was so cool for me, because I can make new and interesting things by learning blockchain development; like building Web 3.0 apps and NFTs. 🚀🚀🚀 Your videos help me a lot to learn how to build web 3.0 apps. Thanks a lot for Your great videos Qazi, Have a nice day ❤

[@simdrew07able]

I want to learn to become a blockchain developer because the future is web 3.0 and the future is NOW!

[@pawfectlynice720]

I want to become a blockchain dev cause first of all its a new field in addition to that blockchain in general just fascinates me. In fact, my final project for school we had to choose a topic to speak about and I chose the blockchain revolution

[@lautarort2248]

Awesome stuff! I want to become a blockchain developer because is revolutionary

[@keshriaditya]

I thought it was hard to switch on web 3.0 is but after watching your video get more clarification. And started to make project in web 3.0

[@CleverProgrammer]

that's what I'm talking about!!

[@shivani9840]

Hey Aditya! Do you usually learn through these online tutorials ? Have you created any projects? Would you be interested in exploring opportunities in web development?

[@keshriaditya]

@@shivani9840 Yes, I have created some projects and interested to explore more opportunities in web development.

[@pedro.zurita]

This is an awesome project!

[@testfunct]

i finish all!! thanks!

[@KryptstarCrypto]

Terra anchor was an amazing idea

[@yashaswar6525]

Hey qazi, first of all thank you so much

[@shivani9840]

Hey Yash! Are you a fresher and open to opportunities in web development currently? Have you created any projects in JavaScript frameworks?

[@lasanthakumarakarunarathne9580]

Blockchain is one of the fastest growing technologies ever known. However, much of that growth has happened “in the background”, as its development matures and the number of applications increases. A large number of developers will be needed to bring this game-changing technology to the masses, which creates an opportunity for those willing to transition their dev knowledge and skill-set to a decentralized system. And finaly one day i can be a blockchain developer as I wish..its my hope and ambition.

[@krecik4603]

Great content as always! Can You share your VSC gist with settings incl? extensions? It looks very very nice. ESlint live preview, gzip values of imported files, etc.

[@bestelectrocity]

Wow, Thanks for tutorial and hope to win :D

[@paradarus]

cool, clone twiter, it's a very cool man )) you are incredible ❤

[@ahmedgridech8462]

Absolutely incredible

[@nickmezacapa3372]

I want to become a blockchain developer to forge a better future for myself and my family, and eventually have a positive influence in the ever evolving world of technology.

[@Ameworlds]

huge fan of your work

[@maimunaokunola9233]

This dude is really good🔥🔥💯💯💯💯

[@saimemrekanat4853]

To keep up with the changing world.

[@420countryclub6]

Building a clone as a landing page to our new business project. I'm a beginner in code, however I will let you all know how it goes. thanks for the tutorial

[@codingwithchisom254]

This Guy take it or not ur a legend

[@thomaskwallykangnaan8412]

The block chain technology with web3 gives you a lot of liberty to own your products..is like d future is here, like those days of early Microsoft days.

[@dr.4you647]

can you share what kind of vscode extensions you are using for productivity? Thanks.

[@neighbourhoodcoder5988]

First of all awesome content. One request if you could clone/ develop Dao that will be great. Looking forward. Keep up the good work.

[@aindrailsantra6886]

How many of you want to see a video on building Shazam clone using JS in this channel.

[@GetOverIt557]

I want to become web3 dev to build cool stuff 🤘

[@dixonkun6527]

Wow that's very nice 👍

[@CloutTVGame]

Hello, What is that extension? Something make code automatically?(look like shadow) And Import after show size? Always Thank you :)

[@abedali6716]

After internet blockchain is the next revelation, I want to learn blockchain because of the market and needs

[@mrkanata7696]

How did you get your autocomplete inside your style object? Thx a lot

[@osadavc]

I want to learn blockchain development because of this HUGE trend for the web3 ecosystem, in my opinion, this web3 ecosystem is game changing and it is growing like no other. Also the job market for the blockchain developers are much less competitive and that is a plus point as well. Also Personally for me this web3 stuff, NFTs, smart contracts, solidity seems really really interesting. First I jumped in to blockchain stuff with Thirdweb with your first NFT market place 3 day challenge I guess and I learnt about advanced concepts as solidity, smart contracts and stuff. And as always thank you for the Clever Programmer team for this amazing content, watching them since the react amazon clone. 🔥♥

[@osadavc]

Apparently it looks like youtube doesn't allow the wallet address to be there in a comment because my comment got deleted many times

[@gabbar1867]

Excited

[@e_pesos7817]

hey dope projects . question , are all posts updating on actual twitter ?

[@jaiveeryadav1529]

Nft can be anything even your food image.

[@goatsoffootball5494]

what are all the packages that we should install to run this quickly? thanks in advance

[@shivaprasad-hk8lx]

Hey, im huge fan of your works. I want to become a blockchain developer because the future business is going to all around the nfts

[@shivani9840]

Hey Shiva! Are you a fresher and open to opportunities in web development currently? Have you created any projects in JavaScript frameworks?

[@bennyakaz]

C'mon Let's Go People

[@mazzukmachu]

Hey, am Mahshooq, a final year B-Tech Student. recently I just build an entire intra-college dating from scratch by watching your "Build Instagram Clone with React Native for Beginners (Firebase + Formik + Yup)" video. It's a great experience and it was my first android application project. I tried to learn flutter before but it is very boring. after watching your video a was thrilled about react and react-native. and now I learned react-native with your videos thanks a lot, also trying some more projects in react-native. nowadays am also trying to learn and do bug hunting too in part-time. so the main reason for learning blockchain developing is to learn solidity and other technologies used in blockchain to try bug hunting on blockchain-based targets and secure them. also, build some own blockchain applications. In college, we also planned some projects based on blockchain and decentralized systems so this video is too helpful for our project. thanks a lot for your great videos, I enjoyed them well, also helped me with the whole project, also it's sure that also helps to grow up my career too. love you, Mahshooq

[@wahajilyas]

How do u show ur code's output as u code?

[@dragxito136]

I want to become a blockchain Developer so I can make good money and support your channel 🙂

[@waltertoffanin490]

very interesting for learn

[@rishis8714]

1:00:01 After sleeping like for an hour, It made me wake up lol

[@justelijah7361]

Yo Clever programmer, what node version are you using?

[@ilhamsa01]

1:38:29, Hi Thanks for the turorial , I have question how to make the reference bassed the wallet address? I have been follow the tutorial but I Got error "the reference not available", so I use the id (UUID format) user that generate by sanity instead

[@zsomborhorvath8721]

Because I love WEB3

[@Xplo8E]

Hey I'm Vinay, I am web app Pentester , i want to learn blockchain Pentesting , so for that reason first i need solid understanding of Web3 , that's why I want to be a Web3 Developer, btw thanks for the great content and giveaway 😜

[@The-Empowerment-Engine]

I can't believe that he will make Twitter 😳

[@mystik5551]

These guys are awesome....

[@CloutTVGame]

Dear, Can you explain 55:45 something look like shadow automatic complete function? extension? please. Thank you 😊

[@jamesc5322]

Love your work CP! Im becoming a blockchain developer to give media a safe haven where it can be frozen in time and less manipulated... and one day acquire Twitter from Elon.

[@gourabsaha5033]

after writing the npx command in your one its showing that there are three folders client smart contract and studio in my case its showing a total files with no such and when I did it physically the website is showing errors same in the terminal can anyone help me in this?

[@kranthit7242]

We want to kickstart our career in a field that has a lot of potential for growth and cutting-edge tech, then becoming a Blockchain developer is a good option. Experts believe that Blockchain technology will transform the way we store , share and manipulate data and do business.

[@thegoldenatlas753]

You should really have had them use the Lens Protocol that got announced.

[@jaycodes8790]

why i want to be a blockchain developer? Blockchain is the future of web technology and also fastest growing technologies. I want to be a part of this trend because i want to create some useful product over this technology, product which can affect people life.

[@Coach_Dustin_C]

@1:35 in my Sanity Studio under Users & Tweets Content- there is 'no documents of this type'. Why?

[@AYOMATRIXGUY]

I have learned html, css and javascript, would i have to learn php,laravel and rust next to get a gread job>>???plz reply me

[@upendra6916]

6:15 there is no studio folder after npm install -g sanity/cli

[@-JRohit]

dude whats the extension that you are using to autofill tailwindcss

[@yumyum_99]

can i ask, do you pay for gas fees to mint the nft on your app project. I'm excited to learn but worried it cost money to mint even if i just want to learn to build the app

[@melissab.643]

i want to be a block chain developer because NFTs are truly fascinating and i love coding and i dream to work for u someday if i don’t start my own company .

[@suleimansulaimanov1161]

Hi, having trouble with adding with CORS, website is not running. How to fix that?

[@ahmed-Alziyadi]

Amazing

[@sultanakalsekar6800]

I am a high school student and i have Learning about Development and Python since past 2 years and currently I have been looking into blockchain dev and NFTs. I am currently working on a NFT Marketplace. I need few ETH to be able to buy and sell NFTS

[@AYOMATRIXGUY]

COOL!