How to Build a Full Stack NFT Marketplace on Ethereum with Polygon and Next.js - [2021 Tutorial]
HTML-код
- Опубликовано: 12 июн 2024
- 🚨 Update - Be sure to install ipfs-http-client@50.1.2 instead of ipfs-http-client for this to work properly
🙂 Subscribe to my channel: / naderdabit
🔵 Follow me on Twitter: / dabit3
🔗 Step by step article:
dev.to/dabit3/building-scalab...
🔗 Source code
github.com/dabit3/polygon-eth...
In this video, you'll learn how to build a full stack NFT marketplace on Ethereum with Solidity, Polygon, IPFS, Next.js, Ethers.js, and Hardhat.
We'll start from scratch, creating a new project and installing the dependencies. We'll then write and test out the smart contracts. Once the tests have passed, we'll write the front end code to connect the smart contracts.
After testing on a local network, we'll deploy to the Matic / Polygon network using a custom RPC provider (Infura).
0:00 - Introduction
3:00 - Project initialization and configuration
17:40 - Creating an Ethereum wallet
21:20 - Coding the NFT smart contract
28:19 - Coding the Market smart contract
58:50 - Testing the contracts
1:10:57 - Updating _app.js
1:14:35 - Updating the home page
1:35:24 - Deploying to a local node
1:39:47 - Coding the create-item page
1:58:00 - Coding the my-assets page
2:03:10 - Coding the creator-dashboard page
2:09:25 - Deploying to Matic Mumbai Testnet
2:20:40 - Conclusion - Развлечения
Nader single handily changing my life with his content.
🙏💯
We aren’t worthy 😭🙏🏽
@@naderdabit Are the matic network and main net interchangeable?
I could not agree more, this tutorial was truly enlightening.
Nader is a total legend.
There is so little content of this quality out there teaching blockchain development. Keep this up, you are filling a valuable niche right now.
🙏amazing to hear, thank you for sharing!!!
100% agreed. All of his videos have jump started me on what dev stack I need to build blockchain based apps.
Hi Brian, are you planning to build a marketplace on blockchain?
we also design and combine NFT ART. We sold them on fiverr and earned a good income. We have uploaded the nft collections we sell to our page.
@@quangmai3675 I am!
You have taught us how to fish, while everyone else seems to just keep giving us bait and tackle! Lol Thank you for the time and effort!
Hi Nader, I was lucky enough to be able to see some content that referenced yours and I am glad I searched you up. I have been researching and trying to learn about building web3 nft marketplaces for a couple of months now and I can whole heartedly say that it is by far the most thorough and detailed step by step content I have come across so far. Thank you so much for handholding me through the process. Your efforts are much appreciated! Subbed, liked and bell'ed. Looking forward to keeping up to date with your content!
thank you a lot Dabit for this excelent lesson. I am learning everyday a little more with teachers like you!
Cheers from Brazil!
I followed from start to finish... it just wonderful how you made hard things easy to understand... thanks Nader.
The best tutorial on this date about NFT Marketplace development... Keep it up and be blessed
Damn RUclips algorithm, thanks for leading me to this video, and a special big thanks to you Nader for providing so much value!! I came here to boost my NextJs skills and ended up entering a universe full of possibilities!! Gracias gracias muchas gracias!! I'm going watch the whole series 🙌🏼🙌🏼🙌🏼
Nader, the fact you're giving us this for free. You are truly amazing man, I thank you, truly.
Nader, thank you very much for sharing your knowledge with us! Amazing tutorial! One of the best I’ve ever seen. Thanks! 🚀
Coding this today... Just watched without coding just to see what gems you were dropping and now gonna start build a marketplace with our domain. Can't tell you how excited we are to have this go live. Thanks for this information!
Thanks for the detailed lesson. I liked how you build an end-to-end project starting from scratch.
I can’t believe the content you are giving away. Thank you so much. I am going to deep dive into all of this.
Nader you are a beast! love your content! you are definately changing lives with this tutorials! keep up with the good work!
Thank you, really happy to hear the positive feedback!
I quite like how he creates a step by step article for his videos also. Thank you for this awesome content
Biz de senden görüp geldik. İçerikler için ikinize de teşekkürler
Absolute quality material Nader! Thanks for this
Nader, thanks a lot for this video and all the work you have put behind it. Such valuable material to learn how do develop with crypto!
I appreciated the hard work you put across building this video. More Power to You Nader
Thank you!
Thanks Nader this was awesome. Keep them coming!
Thank you for this wonderful tutorial!
I could understand how NFT works and is created.
Great short cut!
Thank you so much for this Nader! You are amazing!
MY portfolio has good companies, however they have been red all this year. This is my first year of investing and have been down 35% in the January sell off, and now down 17% in this sell off. I work hard for my money, so investing is making me nervous and sad. I don't know if I should sell everything or just sit and wait.
Building a good investment portfolio is more complex so I would recommend you seek professional support. This way you can get strategies designed to address your unique long-term goals and financial dreams.
I’ve been trying to hire a professional. After all, it's what really wealthy people do, they hire more experienced persons to do the job but I can’t find anyone I can trust.
I’ve made a loss of over $25000 trading in my own where can I find an expert to help me recover my losses and also help me earn consistently from the forex market.
Christine Lynn Saitta. She is famous and has got a website. So, you can check her out online and subsequently contact her from there.
Frugality is an attractive quality to the majority of the population. Being frugal is about putting your dollars towards the things you care about and not overspending on the things that don’t matter. Thank you for sharing I'll do that right away
Nader, you are an absolute gem, thanks for posting this up.
OMG!! Thanks a lot Nader! You made my assignment easy. This is the only clear and concise tutorial on creating NFT marketplace from scratch.
🙌🙌🙌
Do they teach blockchain development in colleges ow?
Nader!! Thanks for all that you do. You'd be hard-pressed to find anyone doing it better.
Without a doubt, the best! Thank you, I love your channel!
Brother this is great content. So well done and informative, you clearly know what you're doing. Thanks so much!!
Have you able to build this watching this tutorial?
This video was totally amazing from start to finish. Full stack development of some non-trivial stuff and Nader pulls it off without a sweat. I am completely impressed.
Badass video!! Loved everything that was covered.
Fantastic tutorial, host is clear, knowledgeable, and fun to listen to. I thoroughly enjoyed this and rate it the best of these available compared to other presenters. :) great show Nader, I am recommending you to my students :)
Amazing to hear, thank you!!!
Great video! Thanks for sharing the full stack so clearly.
Happy you enjoyed it :)
i can't explain how much effort and knowledge is in one video!
I was able to create a full marketplace in one day!
man you are really amazing
This is brilliant! Please keep making these.
Great content! Thanks Nader 🙌
This tutorial is a damn gem. So generous of you to devote such time and care into this, Nader. I'm learning so much!
3oGvAGd
this is a freakin awesome tutorial. I'm blown away by Hardhat, thanks for the introduction
This has been hands down the best NFT Marketplace training. Thank you, Nader!
Have to able to build this watching this tutorial?
@@bandhandey2594 yes I built the marketplace from this training. It's a good example of connecting back end contracts to the front end.
@@JeffRigler33 thanks man! I was confused because sometimes these tutorials are outdated and the code don’t works. Anyway I'm gonna start watching this tutorial and code along
@@bandhandey2594 Hey , I m new to all this, so can you help me with what softwares is he using for coding and creating all this and where can I get these?
@@JeffRigler33 but do this course production ready?
I can't belive the quantity and quality of all this information, thank you very much, u are such a kind and generous person.
Happy to hear this and really happy to do it!
Thank you so much for this tutorial sir!
Nice! Keep it up Nader! Really appreciate your content and the top 👌 quality always! Gracias!!
Awesome to hear!
Awesome stuff, thanks Nader!
Nader you are doing a great service 🙏🏽
Epic!!! That was awesome work. Thanks for sharing your knowledge.
Building this tonight with my brother. We are drinking so much BANG!
Amazing man you explained things in great detail... +subscribed
Hi Nader! Thank you for this content. This is the best tutorial for an NFT Marketplace on the internet
You made it really clear, thank you so much
Thank you Nader this is such a wonderful, clear, and concise tutorial for building the NFT marketplace. I have one question right now if they want to resell the token in the same market should we have another function for that or separate marketplace might be a better solution?
Check out the artcile, there is a V2 with this specific smart contract !
Thanks for the in depth tutorial this is great content
Finally someone who knows exactly what they are talking about. Nader=Legend.
Thank you so much! You are amazing and very generous, the video is very clear and useful!
Your video is really really helpful for beginners like me.
Thank you so much!
Nader you know that you qualify for a Nobel Peace prize with this amazing tutorial ! This is gold..
Very appreciated,thanks Nader
7.2k+...Thanks Nader ! Great tutorial !!! Very detailed..
Best blockchain dev channel on youtube like actually
That is really great stuff. Thank you so much for sharing. I wish one day I’m able to make similar contributions to the open source community!
Thank you so much for the time you took on this!
Thank you for sharing your expertise. So many of us are hungry for this technology.
Awesome video. Just subscribed
Great work man
Thank you so much!
Your video has helped me learnt a lot :)
This tutorial is awesome, thanks!!
I like these full stack videos. Thank you for sharing the knowledge.
Thank you, definitely will keep them coming.
Hi @Nader, I really appreciate all your high-quality works (both Dev.to's post and RUclips video). It leads me to a question that there are hot NFTs marketplaces like OpenSea, Foundation, etc. I wonder if they applied microservices or monolith architect in production? Any ideas to implement microservice with smart contracts? Thank you & have a good day!
Fantastic tutorial. Thanks a lot.
As someone who loves using Tailwind I wanted to point out that you can also use arbitrary values with Tailwind classes. So instead of doing what was shown at around 1:29:45, one could simply use the Tailwind class for maximum width ("max-w") and append the value like so: "max-w-[1600px]" to do the same thing.
Thank you so much! I love this tutorial
Amazing content. Thank you very much for your effert creating such a useful and well explained tutorial
Wow you are awesome. Thanks for this!
really great tutorial! Thank you so much
Thank you Nader for taking the time pull out such intuitive technical block chain NFT coding. I have seen many RUclips videos on block chain coding. Your presentations are high caliber, and very intellectually and professionally done. I Can tell you are passionately, Sincerely want to help other that want to get into coding. Thank you very much Nader!
hey i hope you're doing well, i have an nft marketplace project and i'm running into some troubled and difficulties do you mind helping me out ?
Thank you for this amazing tutorial!
Great tutorial man!!
Thanks for putting together this great tutorial. It takes tons of resources to put out quality content like this so I really appreciate you putting in the time. I want to see your channel blow up so my only suggestion would be to follow the flow of real world development rather then going down the page directly from your notes. As an example in real life, the work flow would look something like this 1) create the page under the pages folder in next.js and actually go to the page 2) create the compents and see if anything shows up on the screen 3) write the handlers to interact with the backend and click the buttons to make sure things are working. This would trully help us understand how you think about these things and get feedback more immediately (in alternative to coding for 45 minutes to then see what is working). Other than that you're well on your way to be the next Brad Traversy ;)
Perfect it is going to be my FYP , i were looking for it from years thank you
hey shoaib were you able to deploy it to Mumbai net it is showing error "project ID does not have access to polygon l2"
Nice video! Thank you
This is an awesome tutorial!
Maan!!! What an amazing video, congrats!
Amazing content, you are a life changer because of you I am now able to build my own project. I remain ever grateful!!! Please keep it up
great video! learn a lot from the man
This is best tutorial for NFT Marketplace development. Keep it up. Love from Pakistan.
nice tutorial. thanks!
Very informative video. Loved it
Thank you Nader!
Excellent Sir!
Great video! I subscribed
Very educative , great content.
Great work, thank you!
This is great content! Thanks a lot
ty mate thsi content save my life!
i must say you are just legend....you are far better than "Dapp university".....thanku so so so much!!!!
love you man thank you
This is insane quality content
Man you are a KING THANKSS
Bro you are amazing . Thank you so much .
Awesome content man! I like your theme 🆒
Thank you! It's called Cyberpunk
good video and English, thanks!
Great content 🚀 👍
thanks very much!!!!! really great contents!!!
Thank you for creating such a valuable content. This is awesome. What syntax theme are you using, it looks such bright and dark splash, I totally like it 😁
Thank you! It's called Cyberpunk