Full Stack E-Commerce + Dashboard & CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL, 2023
Рет қаралды 690,413
Күн бұрынDiscord for any problems/errors/bugs: www.codewithantonio.com/discord
Github & Live Website: www.codewithantonio.com/proje...
In this video, we will put a special emphasis on the Next.js 13 App Router, which is the latest addition to the Next.js framework.
The Next.js 13 App Router is a powerful tool that enables you to easily create complex client-side routing in your Next.js applications. In this tutorial, we will use the Next.js 13 App Router to build a fully functional E-Commerce with Admin Dashboard with seamless navigation and user experience.
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.
This video is perfect for beginner and experienced developers who are looking to learn how to leverage the power of Next.js 13 App Router in their web applications. So, grab your coffee and join us on this exciting journey of building the next big thing in 2023 with Next.js 13 App Router!
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)
@mattwayne9128 10 ай бұрын
Bro said he was going to deliver, and he absolutely did.
@codewithantonio 10 ай бұрын
Im very happy you like it!
@adenugbamicheal2140 10 ай бұрын
Yes 🙌, at a point i was getting worried but not anymore😀
@rashmysajin4520 10 ай бұрын
Can you make it so that if you enter a fake credit card, it says card invalid. You have to put actual credit card.
@akash6895 10 ай бұрын
@@codewithantonioIs knowledge of Next.js is required or we will learn it on the go.
@ramsundararaman6615 9 ай бұрын
@@akash6895you can follow the tutorial as long as you know react.
@f4faysal 9 ай бұрын
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.
@peruanoOP 8 ай бұрын
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!
@agustinfodrini 10 ай бұрын
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.
@codewithantonio 10 ай бұрын
Thank you for the nice words!
@TikTokTrendsCompilation 10 ай бұрын
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
@codewithantonio 10 ай бұрын
Thank you very much for your kind words!
@AndreasFroyland 10 ай бұрын
Hands down the best source for full stack development. Thank you so much, Antonio. Looking forward to tackle this project.
@codewithantonio 10 ай бұрын
Glad you like it!
@Berrada-kh 2 ай бұрын
2:36:06 frame I don't know why the create store propery in the combobox is disabled for me, I can't click on it, Can you help me please !
@fotyG 10 ай бұрын
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! 🙏
@codewithantonio 10 ай бұрын
Thank you very much for the support and feedback!
@Berrada-kh 2 ай бұрын
2:36:06 frame I don't know why the create store propery in the combobox is disabled for me, I can't click on it, Can you help me please !
@webdevnav 9 ай бұрын
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!"
@PabloHF 10 ай бұрын
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.
@codewithantonio 10 ай бұрын
Glad you enjoy it! Thank you!
@TimurIshuov 10 ай бұрын
@@codewithantonio Dear Antonio, why you rejected Mongo db and chose mysql and does it matter? May be, storage capacity?
@povertyinside4733 10 ай бұрын
@@TimurIshuov sql just fits this project better
@syedzubair-tl5zo 9 ай бұрын
@@codewithantonio Can I know the reason why my underlying divs inside modal are not rendering?
@TimurIshuov 9 ай бұрын
@@codewithantonio Dear Antonio, I am at 30%, and it was tremendous amount of work you have done.
@arjunsinghrawate7882 10 ай бұрын
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 KZfaq. 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🔥🔥💯
@codewithantonio 10 ай бұрын
Happy you like it, it was a lot of work but worth it for supporters like you!
@th3pr01234 10 ай бұрын
@@codewithantonio How many hours did it take? If you don't mind me asking
@codewithantonio 10 ай бұрын
I dont know the exact hours as I built this in my spare time along with my 9-5 but it took around 3/4 weeks
@th3pr01234 10 ай бұрын
@@codewithantonio respectable grind brother
@UnknownUser-nu8ny 10 ай бұрын
@@codewithantonioplease I beg you never delete this video
@PathakFX 3 ай бұрын
I have freshly started learning Next for my project. Started Coding after 3 years of break, and jumped upon your videos. I copy all your steps and it teach me a lot. Thanks for everything. You added so much value to my life.
@annaandrushko5686 9 ай бұрын
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! 👏👏
@neo_snakejazz 9 ай бұрын
I can't thank you enough for all the hard work you put into making these videos. Amazing work!
@codewithantonio 9 ай бұрын
Glad you like them!
@hrithinkedage7044 10 ай бұрын
Your videos are the most comprehensive and complete tutorials. Never on KZfaq have i ever found such advanced videos. And that too you are so regular in uploading. Amazing efforts and work Buddy😊
@codewithantonio 10 ай бұрын
Glad you like them!
@estu18 4 ай бұрын
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! 🤩
@normb9785 10 ай бұрын
Now this is the afternoon content I scroll through YT to find. Thank you Antonio keep em coming!
@codewithantonio 10 ай бұрын
Enjoy!
@marufbepary100 10 ай бұрын
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 KZfaq tutorial. I think a ChatGPT client is the only thing left to learn to use the OpenAI API.
@codewithantonio 10 ай бұрын
Thank you very much!
@anonymouseverx 10 ай бұрын
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.
@codewithantonio 10 ай бұрын
Happy to hear that!
@dalestewart 10 ай бұрын
I just love the way you architecture your folders and files. I assume that is best programming practices.
@codewithantonio 10 ай бұрын
Glad you like it!
@codesnippet_by_anabel 9 ай бұрын
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 KZfaq 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
@codewithantonio 9 ай бұрын
Thank you for your nice words, hope you like it :)
@MrWavZ-ph6if 9 ай бұрын
Obviously sir
@automioai 7 ай бұрын
that is true! thanks to the knowledge Antonio Share, I got a job!
@fromchiapasdev 2 ай бұрын
Agree, there aren't many channels that create full projects like this one
@Berrada-kh 2 ай бұрын
2:36:06 frame I don't know why the create store propery in the combobox is disabled for me, I can't click on it, Can you help me please !
@blue_berry_pie64 10 ай бұрын
Thank you Antonio!!!!! Wow near 11h for teaching us ! Great teacher ever!
@codewithantonio 10 ай бұрын
Happy you like it!
@enzobriones4819 10 ай бұрын
Really amazing! Thank you so much, I really appreciate the way you guide us in your videos! Thank you for leaving the little mistakes too, makes the process more organic. Greetings from Chile
@codewithantonio 10 ай бұрын
Glad you like them!
@viniciusprudencio3577 10 ай бұрын
I just finished your project! I started on Tuesday and just finished it! The best tutorial challenge on KZfaq! Once again, congratulations!
@codewithantonio 10 ай бұрын
Very happy you like it! Thank you for watching!
@junaidmohammed3148 2 ай бұрын
Is it responsive design web site?
@Gorpax 10 ай бұрын
This is massive, really good job! I was looking for some project to do this summer and will try to do this one it looks amazing. Keep doing this stuff it helps a lot!
@codewithantonio 10 ай бұрын
Have fun!
@actioN1337 10 ай бұрын
Thank you! Finally, it's out. I have been waiting for a long time for it, and I will complete the full course. May I ask a question? I really love the ecommerce app as is, but do you have plans to make a series out of it? You could add more features to the app like: Search function, product description, shipping methods, % discounts per product or category perhaps, adding headless CMS for content pages like Hygraph, sub categories, layered navigation (the filters for non Magento users) working without loading the site again. And so on.
@Tapadar.Monsur 10 ай бұрын
Antonio, you are just absolutely phenomenal! The quality of your content always blows me away, and your attention to detail is unmatched. The way you showcase the best tools and technologies in such a clear and concise manner is truly commendable. Thank you for sharing your expertise and inspiring us all to level up our web development skills. Keep up the incredible work!
@codewithantonio 10 ай бұрын
Thank you a lot, glad you like it!
@martinkarugaba 10 ай бұрын
This is crazy awesome! Can't wait to start building. Thank you Antonio.
@codewithantonio 10 ай бұрын
Hope you enjoy it!
@ewuluemeka9652 10 ай бұрын
I had to build your Airbnb clone twice for me to really appreciate the quality and efforts you put in your tutorials. I would be working on this once I'm done with the Airbnb clone. Thank you Antonio for always bringing value to your channel
@codewithantonio 10 ай бұрын
Glad I could help!
@octaviansilviu561 10 ай бұрын
As an Angular developer, I found building this app even more challenging. Many thanks to you, Antonio!
@codewithantonio 10 ай бұрын
Glad it helped!
@MrTaken-tl4bw 9 ай бұрын
6hours in the tutorial, im loving it and will finish it for sure this week. One thing that is pretty cool about vs code is: if you want to rename a variable, instead of ctrl + D, select the variable you want to replace and use F2, this way the names will be replaced in the imports of other files.
@stephenbernard503 9 ай бұрын
Please i am having issues with the dialog. After creating the modal and calling it in the page.tsx, it gives this error. ./node_modules/@radix-ui/react-dialog/dist/index.mjs Attempted import error: 'useFocusGuards' is not exported from '@radix-ui/react-focus-guards' (imported as '$67UHm$useFocusGuards'). please what do i do?
@SuperPompey77 10 ай бұрын
I finished this app completely and it worked with no hiccups. This was a very great tutorial and i enjoyed working along and learning from it. Thank you Antonio, your hard work in producing materials such as this is truly appreciated. If you ever come and visit Victoria, BC. Canada, I will ensure you have a place to stay for free. Again thankyou.
@codewithantonio 10 ай бұрын
Glad it helped!
@ZeinPlayy 10 ай бұрын
You are not only give us a tutorial, also you teach us how to build it. Thank you so much Antonio 🎉
@codewithantonio 10 ай бұрын
Happy to hear that!
@technicalguy. 10 ай бұрын
You're a legend, who is seriously helping a lot of devs out there who wanna learn, and you are making us learn all this even unconditionally , hats off to you! ❤
@codewithantonio 10 ай бұрын
Glad you like it!
@carlosm.1233 10 ай бұрын
BRUH! You are turning yourself into a legend in this KZfaq-streets. Thank you very much for this free and amazing project. God bless you!
@codewithantonio 10 ай бұрын
I appreciate that!
@NghiNguyen-mo3yd 4 ай бұрын
Best project I've ever seen. Thanks Antonio so much.
@beastboy.. 7 ай бұрын
Wow, Man Your KZfaq channel is a game-changer for coding enthusiasts! Your tutorials are Just amazing, making complex concepts a piece of cake. Highly recommended!
@codewithantonio 7 ай бұрын
Glad you like them!
@amotekundev 10 ай бұрын
A legend in the game. The greatest of all time. Absolutely phenomenal. Thank you for all you do for the dev community.
@codewithantonio 10 ай бұрын
Thank you very much
@inifrhnn 10 ай бұрын
Dude, I'm speechless. This is the best tutorial that I've ever watched on the internet. AND YOU give it as free, I don't know how to say thank you to people like you, God bless you antonio!
@codewithantonio 10 ай бұрын
Wow, thanks!
@heruuu6114 10 ай бұрын
Thank you so much! You're amazing!, I'm currently learning Next Js and it's hard to find tutorials as good as this one. I hope you often upload content building apps with Next Js🙏
@codewithantonio 10 ай бұрын
You're very welcome!
@judhistiranathajunior1420 10 ай бұрын
Honestly, this is the best full stack tutorial video I have ever seen. Not only your instructions on making stuff are clear, you also neatly tell your viewers the best practice to create stuff. Thank you for your efforts and valuable experiences you share with us. Keep making awesome stuff! P.S: It would be amazing if you could develop a full stack discord clone for your next video. Would definitely watch and code it even if it takes me days to complete.
@codewithantonio 10 ай бұрын
Glad you liked it! and thanks for the suggestion!
@SuperPompey77 10 ай бұрын
Once again this is just a brilliant tutorial. I am going to start this tomorrow. I have built the Spotify app 4 times now and have learned so much. Reason i built it 4 times is because i was waiting for your next tutorial as I only want to go to your tutorials to learn as i like the way you teach. Now i will do this one and I thank you very much for the time and effort that you put into creating these.
@codewithantonio 10 ай бұрын
Very happy you like my tutorials, thank you!
@LyDaiPhatB 9 ай бұрын
52:53 maybe you get error with Modal & Dialog, sth like as "Expected server HTML to contain a matching in , Hydration failed because the initial UI does not match what was rendered on the server". First way: set Dialog props open is false by default, then u set to true by using useEffect() hooks: const [open, setOpen] = useState(false) useEffect(() => { setOpen(isOpen) }, [isOpen]) //code Second way: need not to do first way, keep watching video by adding zustand library to fix this =)))
@jasonli622 16 күн бұрын
THANKS !
@abcoolguy 10 ай бұрын
Absolutely amazing video, Antonio. This will be a treat to follow along. Could you please make a 3 to 4 mins short video explaining your planning phase for this app? Like why you chose this particular stack for the website please?
@redrum4486 8 ай бұрын
Once i complete my AWS certification i am going balls deep on this tutorial.... this looks bloody amazing. Antonio you're the man!
@peterxavier1 10 ай бұрын
Damn bro you're really unbelievably amazing. This project is just too good to be given for free. Much love and respect 👏👏
@codewithantonio 10 ай бұрын
Thank you!
@peterxavier1 10 ай бұрын
@@codewithantonio the pleasure is all mine
@AnkitTiwari-dq7qm 7 ай бұрын
Your channel has awesome production-level projects.🔥 I love your project topics.❤
@VashuHaritasya 7 ай бұрын
how did you make database on planetscale without purchasing it .????
@hextiandro 8 ай бұрын
Mi enorme agradecimiento a ti por todo el esfuerzo que haces, muy buena calidad en este curso. Deseandote mucho exito y animandote a que continues con tus grandes aportes a la comunidad!! 🚀🚀🚀
@maxwebstudio 10 ай бұрын
Great Job ! Svaka Cast ! Thanks for the quality and the work you put into this projects for us. 👏👏👏👏
@codewithantonio 10 ай бұрын
Thank you very much!
@raphaelfaria4170 10 ай бұрын
Sensational! I'm now delving into typescript and React and this project is amazing! What type of architecture is used in this application?
@faruqtechnology461 4 ай бұрын
Good day Sir I know you're probably busy with other projects, but I was wondering if you could consider adding an extension to the ecommerce tutorial. Many people have asked for features like client authentication, color and size selection, and purchase history to be covered in the tutorial. I think it would be a great addition to the tutorial, and I know others would benefit from it as well. Thanks so much for your consideration.
@Feel_loved 7 ай бұрын
thank you Antonio. you did it in a really nice way. watched and worked the the whole video out. i learned a lot. go on like this bro. Thanks
@melamelawen 5 ай бұрын
IDK Antonio is the best teacher on YT no doubt! Like the way everything is so structured, the way he explains things....everything is perfect. Thank you so much man! I truly appreciate you!
@codewithantonio 10 ай бұрын
Want to get mentored by me? Apply at www.codewithantonio.com/mentorship 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 ❤
@leopico2022 10 ай бұрын
Thanks you Sir Antoni❤ 🙏🙏🙏.
@akam.T 10 ай бұрын
Awesome video, I love your content sooo much. This is wonderful ❤❤❤
@muhammadyasa4302 10 ай бұрын
add subtitle please
@Andrew-Tsegaye 10 ай бұрын
From where did you got the energy to build this phenomenal application? This is insane ........... I'm dieying
@The.eminence 10 ай бұрын
Thank you 😊 Antonio you is best
@sebastianrojas4176 10 ай бұрын
Just finished the tutorial ... insane the amount of work you put in and the amount of value / patterns we learn from it . THANK YOU!
@codewithantonio 10 ай бұрын
Great to hear!
@Jerac07 10 ай бұрын
Bravo Antonio. Odličan video!
@codewithantonio 10 ай бұрын
Hvala puno!
@shahriarturag3697 10 ай бұрын
You dont know how helpful you are man. You helped me a lot to build my skills. Thank you is not enough. Keep up the good work. Best of luck👍.
@codewithantonio 10 ай бұрын
Happy to hear that!
@gozman20 9 ай бұрын
Took me 2 weeks to complete this amazing project and I am here to ask a question. How on earth...... I repeat, how on earth is this tutorial free??? I'm definitely going to start this tutorial afresh, implementing all the concept in my own project. Thank you Antonio. Muchas gracias. Hvala. U have a heart of GOLD❤.
@codewithantonio 9 ай бұрын
Very happy you like it!
@DivasrajVimal 9 ай бұрын
From your comment i am confident to go ahead as this still works till now and is not outdated.
@JP-cm2zg Ай бұрын
Para las personas que tiene el error en Crear una tienda o en min 2:36:00 lo unico que tiene que hacer es colocar estos datos en Command.tsx, dentro de CommandItem en su classname coloquen esto "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50" y les debe funcionar
@luizsouza690 24 күн бұрын
You are a friend, my friend 🤝
@AgroboyTFT 23 күн бұрын
@@luizsouza690 I spent 2 hours reviewing Antonio's code, and seeing his comment that I was able to see. Thank you friend
@shahrozeaslam102 9 ай бұрын
I have never seen this kind of industry-standard project tutorial from scratch Hats of to you my man you are really helping new developers
@codewithantonio 9 ай бұрын
Happy you like it!
@forwardtrack 10 ай бұрын
Thanks Antonio! Your tutorials are always great. 👍🏽
@codewithantonio 10 ай бұрын
Glad you like them!
@OKBYE0 9 ай бұрын
1:06:00 into this , absolute rich content! Not beginner friendly maybe intermediate level. September 4: 1:44:00 September 12: 2:55:00 September 13: 4:30:00
@rez5350 3 ай бұрын
did you understand the modal component thingy? i am at 1:06:00 right now but the previous chapter was hella confusing.... i can't understand what exactly happened... i watched. the video twice
@Morgan-mt1nk 10 ай бұрын
Words cannot describe how spectacular you're content is , I mean like you're on whole other level Well done , I appreciate the effort and the work 🙏. We all do. 👏👏
@codewithantonio 10 ай бұрын
Thank you so much 😀
@Morgan-mt1nk 10 ай бұрын
@@codewithantonio you're welcome mate 🙏
@Morgan-mt1nk 10 ай бұрын
@@codewithantonio otherwise Antonio why i'm still getting this warning for decimal object: Only plain objects can be passed to Client Components from Server Components. Decimal objects are not supported
@knowsar 10 ай бұрын
This is amazing man....Hope to see your channel grow
@codewithantonio 10 ай бұрын
Thank you!
@dennisagyekum9555 9 ай бұрын
As a beginner in web development this complete e-commerce tutorial has given me an incredible confidence boost. I just completed and deployed it and i must say, I have never learnt so much from a single tutorial as I have with yours. Your content is is of the best quality, thank you so much. Also i have been trying to join your discord but the link in the description doesn't seem to work for me.
@codewithantonio 9 ай бұрын
Happy you like the project. Does the link in the description redirect you to my personal website?
@dennisagyekum9555 9 ай бұрын
@@codewithantonio Yes it does, and I subscribed to your newsletter.
@mountoubriandavid5472 6 ай бұрын
Hey. I need some help please
@dylan-roberts 10 ай бұрын
I would suggest moving schemas to a root level folder such as /schemas and then reuse it in both the react-hook-form AND in the API endpoint. The data sent in the request body from the onSubmit handler is output from zod anyway, so it can't hurt. But now people can't just do a raw request to the endpoint with invalid data (since the checks only happen on the frontend). Additionally, there's no need to track if a react-hook-form is loading yourself -- there's a property formState.isLoading which is given back from useForm().
@codewithantonio 10 ай бұрын
Thank you for those tips, I will try to usr them for the next tutorial!
@synt-x6458 10 ай бұрын
Just like that, we have an amazing project to work on. Thank you Antonio ❣️
@codewithantonio 10 ай бұрын
My pleasure!
@merci-kim 10 ай бұрын
형 이건 정말 미쳤다. 너무 고생 많이했어. 감사히 잘 볼게.
@jokrdev3517 10 ай бұрын
i can't believe this masterclass is free😭😭😭, thank u sir thank u very much
@codewithantonio 10 ай бұрын
You are most welcome
@Alex-xe6bl 9 ай бұрын
Im so fking guilty that im consuming this content for free. This is too good to be free.
@codewithantonio 9 ай бұрын
Happy you like it!
@Labastidaa 8 ай бұрын
Thanks for all the content Antonio!
@marnix9057 5 ай бұрын
Frontend dev here, Your tutorials are amazing man! Really appreciate all the time you invest in teaching people! One suggestion; eslint and prettier can sort your imports (on save) so you don't have to (check simple-import-sort/imports).
@jigmetavinashkumar6954 5 ай бұрын
You don't have 1mil subs too? and you have the greatest tutorial too? Damn.
@codewithantonio 4 ай бұрын
hahaha glad you like the content!
@filip.a. 10 ай бұрын
This project looks awesome ! I have 1 question, i only looked at the intro so feel free to correct me if i am wrong, but it looks to me that you can purchase a product only once since in the dashboard there is no stock functionality, so when you checkout it archives the product, wouldnt it be better if you could specify stock per product/product size and once you checkout it reduces the stock and when stock gets to 0 of particular size or product it gets archived?
@m123g 10 ай бұрын
I noticed this as well. It's actually not usable as a shop due to this bug without a TON of un-archiving.
@user-mg4kg4vh5e 7 ай бұрын
You've just taken 11 hours of my life. Well done and thank you for sharing ❤
@geev1044 8 ай бұрын
man.. this course is so advanced my head hurts :) Keep it up! love it!
@NphiniT 9 ай бұрын
Issue at 6:56:41 seems to be fixed. No need to add the @ts-ignore
@codewithantonio 9 ай бұрын
Thanks for noting that!
@av-explorations 10 ай бұрын
Thank you so much for making this, it's exactly what I needed. I found a solution for your relative imports problem in vs code, just paste the following in your vs code settings.json file: "typescript.preferences.importModuleSpecifier": "non-relative" that way your import suggestions in vscode will always start with '@/' and you won't have to change it manually every time.
@codewithantonio 10 ай бұрын
Thank you for that tip!!
@user-vg6ot5fy9b 10 ай бұрын
Best ecommerce tutorial on KZfaq. Lots of love for this great free content and the effort you are giving to build programmer.
@codewithantonio 10 ай бұрын
You're very welcome!
@Argylleagen 5 ай бұрын
Finally after 16 days of following up, I have successfully completed this project. Took my sweet time trying to understand some of these insane concepts but thanks to you I was able to pause and return whenever I felt better and I have a lot more confidence than I did before watching this tutorial. Thank you so much Antonio, god bless!
@codewithantonio 5 ай бұрын
Amazing job! Glad I could help!!
@lightyagami4667 4 ай бұрын
Hey can you share your github of e-commerce store
@mohitkamal4864 9 ай бұрын
Hi Antonio, for "NEXT_PUBLIC_API_URL" in the environement variables, the categoryID is hardcoded.....what if I create a new store then in that case NEXT_PUBLIC_API_URL will be manipulated manually.....so how to make this dynamic ??
@3peaksjournals 9 ай бұрын
Same question, if you found any solution please help me
@elliotlassey3118 6 ай бұрын
me too I encounted this problem as well with the billboards. It's also hardcoded. I don't know but then I think you can include them as variables in the env files and the load them from the env files into the project
@Andrew-Tsegaye 10 ай бұрын
By the way, this course MUST be premium not free on KZfaq! No one have created this kind of project even on the entire internet at this time!
@codewithantonio 10 ай бұрын
Thank you for the kind words!
@harrisnyirongo7986 10 ай бұрын
This is insane, jaw dropping, whaaaat 😮 discovering your channel is the best thing that has happened to me as a developer in a while, keep up the amazing work👏🏾
@codewithantonio 10 ай бұрын
Welcome aboard!
@pablogtzgileta 10 ай бұрын
This is pure fire, thank you so much for sharing this! 🔥
@codewithantonio 10 ай бұрын
Glad you like it!
@nileshkurrey6267 2 ай бұрын
Hi Antonio, I loved your project but I am having problems with the Image upload I am only able to upload one image, but I can't able to upload multiple images
@caiooliveira13cs 2 ай бұрын
Did you find any workaround for this? I'm having the same problem
@nileshkurrey6267 2 ай бұрын
@@caiooliveira13cs Not yet I started doing something else but I got a problem actually when we upload images we should arrays of strings in the URL object but instead it replaces the initial string with last uploaded strings
@AnimeLover-hg4sg 20 күн бұрын
you found the solution? i tried this onChange={(url) => field.onChange((prev:{url:string}[])=>[...prev, {url}])} ...but when i try to submit form error appears saying expected array, received function
@rishisahu4197 7 ай бұрын
hey i am having 3 errors hydration errors at time stamp 52:43 can you help me with it ??
@JC_333 7 ай бұрын
me too
@user-lc2gy2lb6t 6 ай бұрын
its because of the extensions in your browser disable them
@JC_333 6 ай бұрын
@@user-lc2gy2lb6t thank you
@ajaybaghel7937 9 ай бұрын
Just completed. Thanks for the video. Really appreciate it .
@MazanLabeeb 10 ай бұрын
❤❤❤❤❤❤❤
@codewithantonio 10 ай бұрын
Happy you like it!
@nguyenbriton4263 9 ай бұрын
Your project is really good. However, the explanation is not good. Many complex things you dont explain while a lot of simple thing you repeatedly did
@ogbonna-ezesamuelnkwachukw4225 3 ай бұрын
Craziest project i have done so far in my tech journey, but boy was it worth it! Thanks so much Antonio
@codewithantonio 3 ай бұрын
Great job!!
@temitopedavid9508 3 ай бұрын
Did you use the latest next14 of stick to his version?😊 cus I'm about to start but I'm worried about the versions
@ogbonna-ezesamuelnkwachukw4225 3 ай бұрын
Yes. also my stripe api version was different but it all worked out @@temitopedavid9508
@temitopedavid9508 3 ай бұрын
Thanks man
@shivamjaiswal1464 3 ай бұрын
bro planetscale is not giving free plan now . how u did it or did u found any alternative
@robertmensah2002 10 ай бұрын
You're the best man. I wish you could extend this to a full multivendor vendor ecommerce series.
@mistersir3185 10 ай бұрын
I think you might have just dropped a nuclear bomb in the dev community on KZfaq
@codewithantonio 10 ай бұрын
Thank you!
@donovanbenfouzari1553 10 ай бұрын
Hi Antonio, Thanks a lot for all of your efforts putting in your really helpful videos. I have a problem following your tutorial, at about kzfaq.info/get/bejne/a9OZe9yBm9KpqJs.html when we have to make api routes public. Mine do not want to be public. I always have a 401, even if I copy-paste your middleware.json content in mine... Do you have an idea?
@codewithantonio 10 ай бұрын
Hi, glad you like my content, have you tried comparing my github package json Clerk to be same as yours? If that is still working, can you try removing the .next file and removing node_modules and reinstalling using npm i and then npm run dev again?
@user-xw4cw6pw2x 3 ай бұрын
Man, that's insane quality of content! You're LEGEND! Please don't stop!
@codewithantonio 2 ай бұрын
Thank you!
@manpreetsinghrana7751 8 ай бұрын
Finally completed the project. Took me 15 days but totally worth it. Thank you Antonio!!!
@Rakesh-lf9ew 8 ай бұрын
Heyy , bro can you please send me the GitHub repo of your project?
@Rakesh-lf9ew 8 ай бұрын
Actually I have to submit an e-commerce project in my college. I try my best to make it but errors are not resolved.
@sakarsubedi918 10 ай бұрын
Wow, thanks this was a really helpful tutorial hope your channel grows big.
@codewithantonio 10 ай бұрын
Glad it helped!
@viniciusprudencio3577 10 ай бұрын
Dude, I have no words this project!!! My Props!!!
@codewithantonio 10 ай бұрын
Glad you like it!
@Argylleagen 5 ай бұрын
The amount of care and effort you put into all of your videos is just unbelievable and this project is fantastic. I love the attention to detail your videos have because your words and opinions matter so much more to a newbie than the technologies you use. Keep going man, godspeed!
@codewithantonio 5 ай бұрын
Happy to hear that, glad my content helps you :)
@mikkun_ 5 ай бұрын
I haven't watched this yet, but seeing all the features of the app and also the length of the video, I'm just impressed.
@codewithantonio 5 ай бұрын
Happy to hear that!
@user-qg2ux1zo6e 10 ай бұрын
Bro, you are truly a walking legend. There's a similar project on the Coding With Dawid channel. Thanks for creating the video! It's exactly what I need!
@codewithantonio 10 ай бұрын
Glad I could help!
@codetech1165 7 ай бұрын
I am actually short of word on how much remarkable insights is packed in this tutorial. Wow
@codewithantonio 7 ай бұрын
Thank you!
Theo - t3․gg
Рет қаралды 236 М.
Code With Antonio
Рет қаралды 586 М.
Oscar's Funny World
Рет қаралды 190 МЛН
Programming with Mosh
Рет қаралды 498 М.
Web Dev Simplified
Рет қаралды 127 М.
Metametrica
Рет қаралды 81 М.
ЭМПАТИЯ МАНУЧИ
Рет қаралды 159 М.
Ходорковский LIVE
Рет қаралды 61 М.
Code With Antonio
Рет қаралды 236 М.