Full Stack E-Commerce + Dashboard & CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL, 2023

Throughout this video, we will guide you step-by-step through the process of building a full-stack web application using the latest web development technologies including React, Tailwind, Prisma, MongoDB, and NextAuth.

Timestamps
00:00 Intro
11:13 Environment setup (Admin)
27:48 Clerk Authentication (Admin)
43:27 Modal components (Admin)
01:06:20 Form components (Admin)
01:21:28 Prisma, PlanetScale, MySQL setup (Admin)
01:45:02 Dashboard setup (Admin)
02:03:43 Navigation bar (Admin)
02:38:57 Settings page (Admin)
03:35:01 Billboards Entity (Admin)
04:29:58 Data Table (Admin)
05:18:15 Categories Entity (Admin)
05:50:13 Sizes Entity (Admin)
06:05:18 Colors Entity (Admin)
06:19:41 Products Entity (Admin)
07:14:38 Orders Entity (Admin)
07:26:15 Environment setup & featured products (Store)
08:22:14 Individual product screen (Store)
08:45:47 Individual category screen (Store)
09:07:17 Product preview modal components (Store)
09:20:29 Add to Cart functionality (Store)
09:46:14 Stripe Setup & Checkout finalization (Admin, Store)
10:08:07 Dashboard page (Admin)
10:27:34 Dark Mode (Admin)
10:30:22 Deployment to Vercel (Admin, Store)

[mattwayne]

Bro said he was going to deliver, and he absolutely did.

[codewithantonio]

Hello everyone! Thank you for choosing this video! I listened to your requests and tried to create a real engineering challenge for us. We are building a fully-working E-Commerce with Stripe Checkout, but we are also building a separate Admin dashboard that will also serve as our CMS and API!, On top of that our dashboard can handle multiple e-commerce stores at once and supports dark mode!

If you have any questions always feel free to popup in my discord channel from the link in the description!

Thank you so much for your support ❤

[peruanoOP]

I love how you are being more detail in every video you share, keep doing it like that because every time I have new questions you constantly answer them in the own video lol. It's amazing!

[ffaysal]

I have not watched the video but the almost 10-hour tutorial for free is amazing.
Kudos to you Antonio for the work behind all of this. I hope you'll live a long healthy life.

[arjunsinghrawate]

It's gonna be one hell of a ride building this project. This has gotta be one of the most complete full stack projects probably ever created on YouTube.

Dude you must have spent so much time making this, then you would have made the entire project once again just for recording, and then you must have waited a long time for it to be uploaded on YT. This is why hope for humanity still remains. My head bows down to you dude.

May you achieve everything you have hoped and dreamt for. Genuinely. Wishing massive success to you🔥🔥💯

[TikTokTrendsCompilation]

Underrated channel. This guy literally produces content INFINITELY more valuable, rich and simple to understand than most paid courses out there. Subscribed. Hope to see this channel with millions of subs

[webdevnav]

I have been following you since your first video. I am lost for words for the high quality content you put out on a regular basis. Thank you so much. And finally, to quote your own words "AMAZING, AMAZING JOB!"

[agustinfodrini]

Wow! First of all Antonio, thank you so much for building this project I believe it might be your best one so far! I did 1 hour today and am completely blown away by how easy to use and setup both clerk and shadcn are. And on top of that they have extremely clean designs, huge amount of features and tons of customization. This is a complete game-changer when it comes to developing applications! I'll definitely keep working on this project tomorrow. Have a wonderful day Antonio and keep up the amazing work, you'll be at a million subs in no time.

[PabloHF]

Dude, I have no words.
The amount of love and effort you put into all of your videos are just unbelievable and this project is fantastic. Thank you so much for all this, it is a incredible source of knowledge and learning for all of us.

[normb]

Now this is the afternoon content I scroll through YT to find. Thank you Antonio keep em coming!

[fotyG]

I really like the pace of this project, there is a very noticeable improvement in the way you explain things from previous projects. I admire the way you structure your projects and the way you write your code - I'm sure you've become a coding idol to many people, who watch and code along your projects. I'm constantly using some of your tricks in my own projects 😄 Thank you very much for your effort, Antonio - you can't imagine how much you help us learn! 🙏

[neo_snakejazz]

I can't thank you enough for all the hard work you put into making these videos. Amazing work!

[AndreasFroyland]

Hands down the best source for full stack development. Thank you so much, Antonio. Looking forward to tackle this project.

[hrithinkedage]

Your videos are the most comprehensive and complete tutorials. Never on YouTube have i ever found such advanced videos. And that too you are so regular in uploading. Amazing efforts and work Buddy😊

[HannaAndEdits]

This tutorial is seriously awesome, bunch of new stuff for me to learn. Everything is covered perfectly. And hey, thank bunch of times for also being so helpfull on Discord. Dont know where you are finding time for it, its unreal! 👏👏

[anonymouseverx]

One of the best things about this video is your pace when you code and describe topics, Antonio. You decrease your pace and now it's amazing. Thank you so much for this unique, valuable, and educational content, Antonio.

[marufbepary]

This is awesome. Your projects are very well designed and coded. They provide the foundations for building larger projects while being fully functional. This is by far the most advanced project I seen on any YouTube tutorial. I think a ChatGPT client is the only thing left to learn to use the OpenAI API.

[codesnippet_by_anabel]

I'm 10mins in and I can already tell that the quality of this tutorial is insanely above and beyond anything you could even find on Youtube concerning web dev. The amount of knowledge we can carry out of this is just impressive and I can't believe it's free, I hope you grow to a multimillion channel because your effort deserves to pay off. Thank you so much!

Edit: on top of everything it was released just a month ago! You could easily bury Udemy with its outdated courses

[estu]

Hi Antonio, I just want to say thank you so much for sharing this hard work. It helped me a lot to understand all these technologies working together. You are an amazing coder and after 5 days I finally finished the project! I’m so happy with how it turned out and the flexibility it offers afterwards to customize it. Thanks again, you are awesome! 🤩

[dalestewart]

I just love the way you architecture your folders and files. I assume that is best programming practices.