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

🔗 Step by step article:

🔗 Source code

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: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-wsfi]

Nader single handily changing my life with his content.

[brianle]

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

[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!

[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.

[JaronRayHinds]

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

[shwetajoshi]

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

[fernandosegre]

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

[edwinchan]

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!

[montywilliams]

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!

[BruceMbayoPanda]

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

[zaboomafia]

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

[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

[JeffRigler]

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

[georgecooper]

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.

[xAndy]

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

[philippalbrecht]

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

[aromax]

Please do more full stack web3 videos with production deployment. This is great content. Kudos

[davidoluyale]

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

[paddev]

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.