How to Build a Full Stack NFT Marketplace on Ethereum with Polygon and Next.js - [2021 Tutorial]

🚨 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

[@Nathan-ws5fi]

Nader single handily changing my life with his content.

[@naderdabit]

🙏💯

[@misterjaypeasmith]

We aren’t worthy 😭🙏🏽

[@Nathan-ws5fi]

​@@naderdabit Are the matic network and main net interchangeable?

[@steemycoinz]

I could not agree more, this tutorial was truly enlightening.

[@cryptomastery2581]

Nader is a total legend.

[@Bad_Chad]

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!

[@brianle550]

There is so little content of this quality out there teaching blockchain development. Keep this up, you are filling a valuable niche right now.

[@naderdabit]

🙏amazing to hear, thank you for sharing!!!

[@JoeSmith-kn5wo]

100% agreed. All of his videos have jump started me on what dev stack I need to build blockchain based apps.

[@quangmai3675]

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.

[@jessicaanne2735]

@@quangmai3675 I am!

[@BruceMbayoPanda17]

The best tutorial on this date about NFT Marketplace development... Keep it up and be blessed

[@edwinchan6521]

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!

[@davidoluyale6013]

I followed from start to finish... it just wonderful how you made hard things easy to understand... thanks Nader.

[@ystepos]

thank you a lot Dabit for this excelent lesson. I am learning everyday a little more with teachers like you! Cheers from Brazil!

[@fernandosegre9116]

Damn KZbin 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 🙌🏼🙌🏼🙌🏼

[@beatcredit]

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!

[@SirNoire]

Nader, the fact you're giving us this for free. You are truly amazing man, I thank you, truly.

[@codingwithdidem]

I quite like how he creates a step by step article for his videos also. Thank you for this awesome content

[@kadircelik1942]

Biz de senden görüp geldik. İçerikler için ikinize de teşekkürler

[@silviabarros2371]

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!

[@Theimichie]

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.

[@turqmill8715]

Thanks for the detailed lesson. I liked how you build an end-to-end project starting from scratch.

[@ValengoWD]

Nader, thank you very much for sharing your knowledge with us! Amazing tutorial! One of the best I’ve ever seen. Thanks! 🚀

[@ChalkusAurelius]

Absolute quality material Nader! Thanks for this

[@GregEgan8]

Thanks Nader this was awesome. Keep them coming!

[@hyplerai]

I can’t believe the content you are giving away. Thank you so much. I am going to deep dive into all of this.

[@blvckpvnk4498]

Nader you are a beast! love your content! you are definately changing lives with this tutorials! keep up with the good work!

[@naderdabit]

Thank you, really happy to hear the positive feedback!

[@nceevij]

I appreciated the hard work you put across building this video. More Power to You Nader

[@naderdabit]

Thank you!

[@passandscore_]

Nader!! Thanks for all that you do. You'd be hard-pressed to find anyone doing it better.

[@paddev5901]

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.

[@jorgeramirez4761]

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 :)

[@naderdabit]

Amazing to hear, thank you!!!

[@fatpizza482]

Nader, you are an absolute gem, thanks for posting this up.

[@philippalbrecht9023]

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 ;)

[@0xAndy]

This tutorial is a damn gem. So generous of you to devote such time and care into this, Nader. I'm learning so much!

[@maxwell3453]

3oGvAGd

[@jphamzz]

Thank you so much for this Nader! You are amazing!

[@jamesa8165]

Brother this is great content. So well done and informative, you clearly know what you're doing. Thanks so much!!

[@bandhandey2594]

Have you able to build this watching this tutorial?

[@leifelliott1500]

Great video! Thanks for sharing the full stack so clearly.

[@naderdabit]

Happy you enjoyed it :)

[@vinacey]

This is brilliant! Please keep making these.

[@JoeSmith-kn5wo]

Badass video!! Loved everything that was covered.

[@jtwm29936]

Thank you for this wonderful tutorial! I could understand how NFT works and is created. Great short cut!

[@loaymamin]

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

[@shwetajoshi2675]

OMG!! Thanks a lot Nader! You made my assignment easy. This is the only clear and concise tutorial on creating NFT marketplace from scratch.

[@naderdabit]

🙌🙌🙌

[@akj3344]

Do they teach blockchain development in colleges ow?

[@dvlpr_eth6462]

Great content! Thanks Nader 🙌

[@eemmanuelmrtnz]

I can't belive the quantity and quality of all this information, thank you very much, u are such a kind and generous person.

[@naderdabit]

Happy to hear this and really happy to do it!

[@zaboomafia]

Building this tonight with my brother. We are drinking so much BANG!

[@AmanKumar-tm8id]

Thank you so much for this tutorial sir!

[@keptacdev5090]

Nader you are doing a great service 🙏🏽

[@chunter]

Awesome stuff, thanks Nader!

[@kriyate5815]

this is a freakin awesome tutorial. I'm blown away by Hardhat, thanks for the introduction

[@giupi715]

Without a doubt, the best! Thank you, I love your channel!

[@Mummie560]

Thanks for the in depth tutorial this is great content

[@hatano28]

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?

[@guillaumedesurville2760]

Check out the artcile, there is a V2 with this specific smart contract !

[@Mj-sr6hw]

Thank you Nader for taking the time pull out such intuitive technical block chain NFT coding. I have seen many KZbin 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!

[@charss5416]

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 ?

[@mf00085]

Hi Nader! Thank you for this content. This is the best tutorial for an NFT Marketplace on the internet

[@codegympr]

Nice! Keep it up Nader! Really appreciate your content and the top 👌 quality always! Gracias!!

[@naderdabit]

Awesome to hear!

[@jochenruland1537]

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!

[@aayushgupta3291]

Great work man

[@Rn-CRDN]

Nader you know that you qualify for a Nobel Peace prize with this amazing tutorial ! This is gold..

[@farstep4011]

Your video is really really helpful for beginners like me. Thank you so much!

[@bryancage1111]

Thank you for sharing your expertise. So many of us are hungry for this technology.

[@JaronRayHinds]

Finally someone who knows exactly what they are talking about. Nader=Legend.

[@melodycalder9392]

You made it really clear, thank you so much

[@mayassalman]

Very appreciated,thanks Nader

[@cyberzero2010]

Amazing man you explained things in great detail... +subscribed

[@yuxinzhang9403]

I think the price mechanism could be determined by the amount of usage of the NFTs so there would be a fair market price and the user won't have to set a fixed amount for it. It would be more like an exchange that way and users hold their own data. I'm totally new to this field and your work is really awesome!

[@gefukiva]

Epic!!! That was awesome work. Thanks for sharing your knowledge.

[@markcadle7795]

Thank you so much for the time you took on this!

[@jjzfive3832]

Best blockchain dev channel on youtube like actually

[@ClovisNeto]

Maan!!! What an amazing video, congrats!

[@allanjunli]

I like these full stack videos. Thank you for sharing the knowledge.

[@naderdabit]

Thank you, definitely will keep them coming.

[@JeffRigler33]

This has been hands down the best NFT Marketplace training. Thank you, Nader!

[@bandhandey2594]

Have to able to build this watching this tutorial?

[@JeffRigler33]

@@bandhandey2594 yes I built the marketplace from this training. It's a good example of connecting back end contracts to the front end.

[@bandhandey2594]

@@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

[@ryamsic]

@@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?

[@bspanda98]

@@JeffRigler33 but do this course production ready?

[@phulengo]

Hi @Nader, I really appreciate all your high-quality works (both Dev.to's post and KZbin 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!

[@shoaibyazdani]

Perfect it is going to be my FYP , i were looking for it from years thank you

[@indianappguy]

hey shoaib were you able to deploy it to Mumbai net it is showing error "project ID does not have access to polygon l2"

[@StarfishPhoto]

Thank you so much! You are amazing and very generous, the video is very clear and useful!

[@unlockedcovers3545]

Great tutorial man!!

[@budzterr6186]

Awesome video. Just subscribed

[@onuhmichael4312]

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

[@sgssergio]

This tutorial is awesome, thanks!!

[@dineshbs444]

This is an awesome tutorial!

[@jopadjr]

7.2k+...Thanks Nader ! Great tutorial !!! Very detailed..

[@ishan101]

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 😁

[@naderdabit]

Thank you! It's called Cyberpunk

[@ferdousbhai7808]

Wow you are awesome. Thanks for this!

[@danielzaremba2677]

Awesome video as always Nader. I also watched your previous video on how to use The graph and I was wondering if you have any plans on making a video on how to connect these 2 pieces? I gave it a try over last weekend but not much luck. Thanks for the all the educational content you put out there!

[@naderdabit]

Hey, yes, when you say connect the pieces, you mean to a front end application?

[@danielzaremba2677]

@@naderdabit So I meant to connect The Graph part to smart contracts developed locally. One challenging thing for me was to know how to connect The Graph to 2 of the contracts, for example the Marketplace.sol and NFT.sol graph init only takes one contract as far as I know?

[@thndrthunderclapproductrev3931]

Amazing content. Thank you very much for your effert creating such a useful and well explained tutorial

[@karansinghchauhan522]

Thank you so much! Your video has helped me learnt a lot :)

[@minipunjabifamily2]

This is best tutorial for NFT Marketplace development. Keep it up. Love from Pakistan.

[@KelvinKirima]

Awesome content man! I like your theme 🆒

[@naderdabit]

Thank you! It's called Cyberpunk

[@natepullsparts4034]

Thank you so much! I love this tutorial

[@angiemartineaux9028]

really great tutorial! Thank you so much

[@georgecooper8750]

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.

[@danieljamal3709]

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.

[@georgecooper8750]

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.

[@dannyvera8475]

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.

[@danieljamal3709]

Christine Lynn Saitta. She is famous and has got a website. So, you can check her out online and subsequently contact her from there.

[@georgecooper8750]

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

[@dseven8756]

great video! learn a lot from the man

[@tibix7]

Thank you for this amazing tutorial!

[@63montywilliams50]

So many views but so few likes... If you could get a % of how many people watched this video and as result of not being able to comprehend/ complete the project decided to go ahead and give up on trying to build an exchange or even code crypto entirely. Anyone can get into crypto, anyone can invest and anyone can mint there own nfts, but this stuff is for dev's only idc how many tutorials you watch, the prerequire knowledge is a certification in itself! Im almost done, at the last 10 min stretch and I must say that this has been an interesting and rewarding exp. looking forward to more!

[@alishatassone8025]

Nice video! Thank you

[@AbdulRehman-ok6ls]

Very informative video. Loved it

[@ashishjanghel9340]

i must say you are just legend....you are far better than "Dapp university".....thanku so so so much!!!!

[@sabarinathanthangaraj8681]

Excellent Sir!

[@RaphaelMansuy]

Great content 🚀 👍

[@vinnycammarata4664]

Great video! I subscribed

[@ehsankhorasani_]

Thank you Nader!

[@flaviusthrax]

Great work, thank you!

[@chriswest9910]

I have been going over videos and not trying to code along but just watch and learn, Nader you did a great job of explaining in a way I can take this an apply it to something I know! BTW what is that VScode background ext?

[@ShahbazAli-ez9tg]

love you man thank you

[@casparg5490]

This is great content! Thanks a lot

[@nixoletas]

This is insane quality content

[@edwassermann8368]

nice tutorial. thanks!

[@minhajabidin]

Very educative , great content.

[@brolyshop6822]

ty mate thsi content save my life!