Build a Complete E-Commerce Shop with Next.js 14, Tailwind, React | Full Course 2024

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.พ. 2025

ความคิดเห็น • 533

  • @joshtriedcoding
    @joshtriedcoding  9 หลายเดือนก่อน +473

    i did NOT forget my youtube password, this just took forever to make, appreciate you

    • @blackflash27
      @blackflash27 9 หลายเดือนก่อน +3

      Dont lie @joshtriedcoding We know you did FORGET it. Haha. Great Video. Lots to learn

    • @Perrynatufe9105
      @Perrynatufe9105 9 หลายเดือนก่อน +2

      Welcome back, waited too long

    • @irfansaeedkhan7242
      @irfansaeedkhan7242 9 หลายเดือนก่อน

      thank you so much josh, it will help us in interviews as well because you have mentioned best coding practices, this will be fun to watch and great for portfolio

    • @yosefshawah3019
      @yosefshawah3019 9 หลายเดือนก่อน

      thank you!

    • @blacklotusid
      @blacklotusid 9 หลายเดือนก่อน

      thank you bro

  • @JeanBaptisteChabi
    @JeanBaptisteChabi 9 หลายเดือนก่อน +119

    This is what I call tutorial 🥰 no cloning or copying code around, just pure educational content. Thanks man

  • @Rohit-ki8lj
    @Rohit-ki8lj 8 หลายเดือนก่อน +38

    This is unreal. Best project I have ever seen in youtube

  • @ebregains
    @ebregains 8 หลายเดือนก่อน +50

    I'll be putting some things here I found useful to add while following this tutorial:
    - One can use the class "size-4" to apply the classes "w-4 h-4" when the width and height are the same (There is from "size-1" to "size-96").
    - On conditional rendering (like the "Dashboard" button on "isAdmin") if nothing is returned on false, one may use the double ampersand "&&" to save the return "null". i.e. "{isAdmin && ()}".

    • @randomperson619
      @randomperson619 7 หลายเดือนก่อน

      thankyou

    • @Rajeshmaurya-tz9ez
      @Rajeshmaurya-tz9ez 29 วันที่ผ่านมา

      i don't know about the first one "size-*" thanks

  • @thiagotriedcoding
    @thiagotriedcoding 9 หลายเดือนก่อน +21

    Josh, your friends are so lucky to have you as a friend. Thank you for sharing your knowledge!

  • @DiogoScarmagnani
    @DiogoScarmagnani 8 หลายเดือนก่อน +9

    ...and, 4 weeks later, that's it! I finally concluded it. Very helpful tutorial. I have already made your messaging video months ago, and it's great how this time you bring here various new concepts and tools (comparing to the messaging video), like Prisma. Prisma is very useful lib for database, I really liked it. And, of course, I loved to learn how to implement payment solution with Stripe. Thank you, Josh.

    • @tonyfrenzy
      @tonyfrenzy 5 หลายเดือนก่อน +1

      Wow! Good job 👍

  • @Krt506
    @Krt506 9 หลายเดือนก่อน +8

    Dude that's everything that I need to start my business. I know how to use java since im AQA but I wanted to start shop and this course is live saving. Thank you so much for posting this free!

    • @ashishkumawat6110
      @ashishkumawat6110 6 หลายเดือนก่อน

      Hi, I am a full stack developer and would be happy to help for your business.

  • @ankitasikdar2648
    @ankitasikdar2648 2 หลายเดือนก่อน

    Tbh this is the most unique and best project I have ever seen on youtube. You have even added the deployment part as well😊which many other youthubers skip. Please continue bring more full stack mern projects along with deployment.

  • @noowz
    @noowz 9 หลายเดือนก่อน +19

    One thing that would be useful to mention is that if you have an element that has the same value for the width and height, you can use "size-" instead of "w-" and "h-"."
    Also, at 53min 30s, you can use the shadcn Separator component instead.

    • @regrioz
      @regrioz 9 หลายเดือนก่อน

      nice tip i don't know this thanks

    • @noowz
      @noowz 9 หลายเดือนก่อน

      @@regrioz yw ^^

  • @nikunjmehra935
    @nikunjmehra935 9 หลายเดือนก่อน +28

    Super hyped about this build Danke schoen!

  • @goddayum21
    @goddayum21 4 หลายเดือนก่อน

    The amount of effort put in this video on details is MAD! Done with the project and feels surreal to have built it on my own. Thanks josh!

  • @Mohammadr_m
    @Mohammadr_m 9 หลายเดือนก่อน +2

    @2:34:33 That 1 pixel difference is for the border of the NavBar Josh. Because borders go beyond the current boundary, so if your border-w would be 2 px, then you would have to make that -1 a -2.
    Thanks for the long video dude!
    Also, would love it if you made an in-depth video about Payload 3.0. It's too complicated for some of us noobs and not enough material for it on yt.

  • @necelentano
    @necelentano 25 วันที่ผ่านมา

    Thanks Josh! I hove done this project with you and got a lot of value from it. Unfortunately Kinde Auth doesn't work after deployment, but you did incredible work. Thank you, again

  • @mehdichamiani6838
    @mehdichamiani6838 9 หลายเดือนก่อน +7

    Words can not describe this kind of generousity from a developer on youtube, thanks Josh, you are well deserved for everything you get❤

  • @herozero777
    @herozero777 4 หลายเดือนก่อน

    The upload part in this video is a life saver. Brought me to this incredible resource yet again.

  • @404-not-found-service
    @404-not-found-service 21 วันที่ผ่านมา

    An incredible and very interesting project, hopefully you will see you take out a new project that uses everything you are currently using in a complete project, I will begin this step by step, a hug and grateful for all the effort in this project

  • @c.5879
    @c.5879 9 หลายเดือนก่อน +7

    Insane Platform, and finally everything is included, from frontend, to paying and admin dashboard. Sehr geil.

  • @MattElisa97
    @MattElisa97 7 หลายเดือนก่อน +2

    This is so crazy i never see that before. This course is unreal ! thanks bro

  • @AHMED-oi2vz
    @AHMED-oi2vz 4 หลายเดือนก่อน

    Finally i finish it taked 8 days of continous work, thank you Josh for this amazing tutorials !

  • @AliHamdan-f8t
    @AliHamdan-f8t 7 หลายเดือนก่อน +2

    Thank you so much for this incredibly useful tutorial! Your explanation was clear and easy to follow, and it really helped me. I appreciate the time and effort you put into making this video. Keep up the fantastic work!

  • @imgajeed
    @imgajeed 9 หลายเดือนก่อน +3

    Damn, what a Video. Just finished it and now I got my own shop. This course is crazy!!!

    • @huntermacias2023
      @huntermacias2023 9 หลายเดือนก่อน +4

      You finished already? It was released 2 hours ago lol

    • @harshayyy9
      @harshayyy9 9 หลายเดือนก่อน

      @@huntermacias2023 maybe he watch the wrong one lol

    • @waleedsharif618
      @waleedsharif618 9 หลายเดือนก่อน

      I think he just copy pasted it from Github 🤦‍♂️

    • @Alton01
      @Alton01 9 หลายเดือนก่อน

      Hello. Is this a saas ecommerce store project or single ecommerce store project

    • @imgajeed
      @imgajeed 9 หลายเดือนก่อน

      Guys, I was just kidding 🤣

  • @Nockoutz1
    @Nockoutz1 5 หลายเดือนก่อน +1

    35:35 Just a tip , use the 'rafce' shortcut to quickly create and export the Phone function

  • @taldr27
    @taldr27 5 หลายเดือนก่อน +10

    8:01:40 if you reach that moment and don't understand how he has an user on neon, you need to create it manually, he mentions it later but I was following along and I spent time trying to understand if I missed something.

    • @Ndzzle
      @Ndzzle 4 หลายเดือนก่อน

      I just spent so much time trying to figure out why he was able to login.

    • @geniem4772
      @geniem4772 3 หลายเดือนก่อน

      so i think i am having the same issue, where if i click on the login button it throws and error.

    • @geniem4772
      @geniem4772 3 หลายเดือนก่อน

      please help me

    • @smitbhavsar23
      @smitbhavsar23 3 หลายเดือนก่อน

      @@geniem4772 i tried as him to change the id with kinde id and then tried again by pressing the button it said no such configuration found as error dont know what to do if you have solve it please help

    • @ShubhankarSharma-i8w
      @ShubhankarSharma-i8w 3 หลายเดือนก่อน

      Hey,have you guys completed the whole Tut? Are there more such breakpoints other than this , pls clarify?

  • @BraisonsCrece
    @BraisonsCrece 5 หลายเดือนก่อน

    Wait... Josh, you are amazing! Thank you for all the value you give for free.
    And for the high quality!

  • @MahmoudSAli-tx6pp
    @MahmoudSAli-tx6pp 9 หลายเดือนก่อน +2

    I would like to express my sincere gratitude for the videos you create. I thoroughly enjoy watching them and I have learned so much from them. I am truly grateful for the knowledge and entertainment you provide. Thank you for sharing your expertise and passion with the world.
    thx ❤

  • @The-sound-of-silence
    @The-sound-of-silence 8 หลายเดือนก่อน +2

    Josh you're brilliant, new subscriber here. Can't thank you enough. ❤

  • @richard_07_cod
    @richard_07_cod 8 หลายเดือนก่อน

    Thank you so much, my brother. I don't usually comment, but I watched the entire video, and the creativity, time, and effort you must have put into creating something of such high quality is truly incredible.

  • @FelipeSantos92Dev
    @FelipeSantos92Dev 9 หลายเดือนก่อน +5

    The man is back with one more amaaaazing project! Thanks!

  • @andrewladd3046
    @andrewladd3046 9 หลายเดือนก่อน +1

    Yoooo Josh! Working my way through this now, but I gotta say man.. that Reviews section on the landing page is *chefs kiss*.

  • @devvvolf
    @devvvolf 27 วันที่ผ่านมา

    Hey Josh, the video was great, thanks for sharing your knowledge and teaching us how to make good websites like this one. Everything worked for me except sending the email, but it was due to a resend error with the domain, "it says I have to verify the domain" but it doesn't matter, the rest was incredible. Thank you very much for everything. Greetings from Panama.

  • @RockstahRolln
    @RockstahRolln 8 หลายเดือนก่อน

    Your video just happenend to pop up on my feed and I want to take the time to say how INCREDIBLE this was! You did a terrific job of explaining each step. I have taken the time to click on the Kinde link to say Thanks to you. But also I would like to say a huge Thank You here for sharing this incredible video with us.

  • @hasibkazi1379
    @hasibkazi1379 4 หลายเดือนก่อน

    Hey Josh , I just started the project, first of all I want to say a big thanks to you. And I will offcourse visit kinde through the link you provided

  • @zainabsalah4815
    @zainabsalah4815 7 หลายเดือนก่อน +1

    Just finished the quil video and starting this thanks Josh u r the bestttttt

  • @sdyaaa
    @sdyaaa 8 หลายเดือนก่อน +1

    i learnt more about tailwind classes than actual javascript in this

  • @martinmiz
    @martinmiz 8 หลายเดือนก่อน

    Thanks for the great tutorial! I'll share it on all my social platforms so that other people can witness greatness.

  • @smsibasish
    @smsibasish 9 หลายเดือนก่อน +1

    this is next level great! kudos to you for putting out high quality content back to back

  • @derekprieur5258
    @derekprieur5258 9 หลายเดือนก่อน +2

    This legitimately is the best course I have ever gone through. So much attention to detail everywhere from the cool illustrations to the thank you email at the end. You are the man Josh! Certainly earned your new PC with this one 🔥

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu 8 หลายเดือนก่อน

    wow man I am really appreciated this awesome project. I really learned a lot of things and more importantly I practiced clean and clever code snippets along side of you. thanks a lot again

  • @shawnli6292
    @shawnli6292 8 หลายเดือนก่อน +1

    Thank you so much for such informative tutorial! I folllowed along the course and did learn a lot!

  • @nimamoradi6460
    @nimamoradi6460 7 หลายเดือนก่อน

    you're a fantastic teacher and i enjoyed every second of your video
    thanks a lot for putting so much effort into this

  • @Joepraise_1795
    @Joepraise_1795 8 หลายเดือนก่อน

    welp, seems the course i got would have to seat this one out now. This has everything!
    Thank you Josh!!!

  • @Ssmb-qj4df
    @Ssmb-qj4df 8 หลายเดือนก่อน

    Hi Josh, Thank u mate for giving this Knowledge for free and your teaching style has improved so much

  • @syedailsa7737
    @syedailsa7737 หลายเดือนก่อน

    just pressed the bell icon.. what a video!!

  • @adeemmmm
    @adeemmmm 5 หลายเดือนก่อน +1

    I just liked the video, before even watching it.
    Thanks Josh

  • @yanferreira1684
    @yanferreira1684 8 หลายเดือนก่อน

    Wow, this is such a great project, man! I was thinking that I became good at programming. But after this video you helped me realize that I'm just starting out and I don't know anything yet. Thanks dude! Keep up the high quality videos, you deserve the world.
    Sorry my English, i'm from Bras\l and i'm still not fluent xD

  • @MuhammadShah-wj7lj
    @MuhammadShah-wj7lj 9 หลายเดือนก่อน

    i have not seen your video yet , but in starting , it seems a great and valueable content , Appreciate

  • @stevenjaimes9578
    @stevenjaimes9578 9 หลายเดือนก่อน

    Josh, you're the best, I've been following you from Colombia, buddy. Your content is awesome

  • @hieptx1909
    @hieptx1909 8 หลายเดือนก่อน

    Omg this is one of the best tutorial in the world. Love you from Vietnam

  • @fiimble
    @fiimble 9 หลายเดือนก่อน +2

    Josh,
    You just raised the bar!
    Thanks!

  • @kavindesivalli
    @kavindesivalli 9 หลายเดือนก่อน

    I need the patience to be able to make content this long... This is amazing Josh!

  • @springerbarry7723
    @springerbarry7723 9 หลายเดือนก่อน

    Oh Josh! You make this world a better place! So far you are the best I met in all TH-camrs!

  • @kristote9099
    @kristote9099 7 หลายเดือนก่อน +1

    Great course josh, again learned alot from it, i tweaked the code a bit 🙂

  • @akuoko_konadu
    @akuoko_konadu 9 หลายเดือนก่อน +3

    Congratulations Josh 🎉
    Thus is much needed

  • @michaelorina525
    @michaelorina525 7 หลายเดือนก่อน

    Finally... Thank you Josh for this wonderful video... I have learnt a ton of stuff

  • @4wesom-079
    @4wesom-079 9 หลายเดือนก่อน

    Amazing! It blows my mind that all of that is available for free online thank you so much!

  • @Renner4k
    @Renner4k 9 หลายเดือนก่อน

    Literally in the process of building an ecommerce store, couldn't have been better timed!

  • @popli10
    @popli10 8 หลายเดือนก่อน +1

    This is reallly a gooooooooooooooooooooooooooooooooooooooood project. Hats off.
    Love from India

    • @expanse8846
      @expanse8846 3 หลายเดือนก่อน

      were u able to get stripe?

    • @popli10
      @popli10 3 หลายเดือนก่อน

      @@expanse8846 yes

  • @leaksadda9728
    @leaksadda9728 3 หลายเดือนก่อน

    Josh u are really a good software developer especially in front-end part i really like you videos 🎉

  • @maskman4821
    @maskman4821 9 หลายเดือนก่อน

    This is an awesome project and production ready application, definitely follow along the tutorial and get this app up and running,thank you Josh ❤

  • @IamnotOC
    @IamnotOC 9 หลายเดือนก่อน +1

    Great Work Buddy! It surely helps for developer like us to land a job, btw did you do this world class level editing ? Really Hats Off!! 😀😊

  • @polowb
    @polowb 5 หลายเดือนก่อน

    I feel a word of thanks is not enough, so let me say thank you so so so so much

  • @robelso5646
    @robelso5646 9 หลายเดือนก่อน +20

    Dude, I am so fucking greatful for these tutorials you don't understand

    • @Amvflix7
      @Amvflix7 9 หลายเดือนก่อน +2

      Fr fr! ❤❤❤❤
      Lots of love Josh

  • @majdimouhssine1617
    @majdimouhssine1617 9 หลายเดือนก่อน

    this gusy share everything he knew you will never failed bro

  • @definitelynotje
    @definitelynotje 6 หลายเดือนก่อน

    BRO THIS IS THE MOST AMAZING TUTS I HAVE SEEN WTFF, do u plan to make more of these vids??

  • @herozero777
    @herozero777 6 หลายเดือนก่อน

    Great work on the landing page and animation man.

  • @arisudana3672
    @arisudana3672 9 หลายเดือนก่อน

    Welcome back and thank you for bringing this godly project

  • @eloyguides2722
    @eloyguides2722 7 หลายเดือนก่อน

    I learned a lot using nextjs on your channel, looking forward to see membership site in the future. I appreciate your effort, if I will get hired by learning nextjs tuts from you! I will buy you a house lol, just kidding :D but its truly you deserve a support!

  • @Samarth_Kamble
    @Samarth_Kamble 9 หลายเดือนก่อน +1

    Best video bro. I hope you can come with more interesting videos. Love you from India. 🥰😍

  • @percylinkwe1868
    @percylinkwe1868 9 หลายเดือนก่อน

    I just watched the intro and can't wait to get my hands on my keyboard. Thanks

  • @adarshjhaxiif-1289
    @adarshjhaxiif-1289 7 หลายเดือนก่อน

    Josh the BOSS. As always, you nailed it Josh🔥

  • @abdikanimohamed436
    @abdikanimohamed436 9 หลายเดือนก่อน

    Super super amazing thanks josh I can't believe how much work you put it thanks josh

  • @priyanshugupta4875
    @priyanshugupta4875 7 หลายเดือนก่อน

    just a small suggestion- when you start building a component or page, it will be better if you show what part of the website we are going to build. especially on frontend, it gives more clarity

  • @peter-jb
    @peter-jb 7 หลายเดือนก่อน

    1:15:15 xdxd
    3:50:40 sharp problem
    9:00:00 first deploy in vercel

  • @3ngaging
    @3ngaging 9 หลายเดือนก่อน

    This is GOLD!
    U are the man. Thnx so much for this

  • @abdelhadibouchadi9211
    @abdelhadibouchadi9211 9 หลายเดือนก่อน

    🤯🤯🤯🤯🤯 there aren't enough words in the english vocabulary to thank you for providing such high-quality content 🙏🙏🙏

  • @sbylk99
    @sbylk99 9 หลายเดือนก่อน

    Thank you Josh SOOO much for the video, it's super helpful. Of course, I click through your sponser: kindle.

  • @anmolkainat2707
    @anmolkainat2707 6 หลายเดือนก่อน

    Really helpful video. I've learned a lot during this project. Thanks a lot

  • @GuillermoeatebanToro
    @GuillermoeatebanToro 9 หลายเดือนก่อน

    Thanks for the awesome tutorial! Currently working on implementing it myself. Would greatly appreciate the Kindle link for further reference. Keep up the great work! Greetings from Chile!

  • @ramprasadchauhan7
    @ramprasadchauhan7 9 หลายเดือนก่อน

    Welcome back with complete project. Thank you very much

  • @AkashSingh-hs5sg
    @AkashSingh-hs5sg 9 หลายเดือนก่อน +2

    Thanks man just started react/next really needed it❤

  • @ernst367
    @ernst367 9 หลายเดือนก่อน

    Yeayyy🎉 my bro Josh is back with some good stuff. Thanks bro

  • @markus_dev_cwb
    @markus_dev_cwb 9 หลายเดือนก่อน

    You are the best Josh! Tks to share this amazing content.

  • @BahaaAldein10
    @BahaaAldein10 9 หลายเดือนก่อน

    this is an incredible project, appreciate all the hard work 👏🏻👏🏻

  • @agusjkdev
    @agusjkdev 8 หลายเดือนก่อน

    2:34:42 its -1px because of the border bottom, i got you.
    also, you can expect the same result using things like flex grow, flex basis and flex shrink

  • @elohimcode
    @elohimcode 9 หลายเดือนก่อน +1

    Josh, I was planning to reach out to you on twitter. I don't know that this is what you were cooking 😅. I can't wait to watch the video. Thanks bro 😊

  • @saulgodman7872
    @saulgodman7872 9 หลายเดือนก่อน

    38:43 Thanks for explain why extend is better :)

  • @BRSK_dev
    @BRSK_dev 9 หลายเดือนก่อน +3

    Ich habe bisher nur Next JS als Framework angefangen zu lernen und mich machen nach wie vor eigentlich einfache Sachen wie Data Fetching, DB Connections und APIs fertig. 😥
    Immer diese CORS Schwierigkeiten.
    Ich will immer die neuesten Technologien nutzen und ChatGPT treibt mich einfach nur noch mehr in den Wahnsinn, weil der mir immer mit NextJS 13, TS und Page Router Lösungen ankommt, aber ich will den App Router nutzen. Ich muss dem immer die Docs schicken, damit der mir weiterhilft. 😂
    Und ich bevorzuge noch JS statt TS. Da gehöre ich scheinbar auch zur Minderheit. Einfach weil ich das auch nicht checke teilweise mit den Props und so.
    Ich will auch so geile Fullstack Websites ausm Ärmel schütteln, weil ich will endlich ein SAAS Produkt launchen. Aber das wird wahrscheinlich noch bisschen dauern.
    Das wars, danke fürs 'zuhören'. 😂

    • @kottikottmann
      @kottikottmann 9 หลายเดือนก่อน +1

      Bleib dran, es lohnt sich! Ging mir am Anfang auch so, aber je mehr du selber codest umso einfacher wird es 🙏🏼

    • @BRSK_dev
      @BRSK_dev 9 หลายเดือนก่อน

      @@kottikottmann Danke dir. Fürs Aufgeben ist's jetzt eh zu spät hahahha. Zu viel Zeit, Geld und Liebe bisher reingesteckt. Und es macht mir einfach viel zu sehr Spaß. Habe gestern Abend sogar noch einige Sachen dazu gelernt was Typescript angeht. Das mit den Props ist ja gar nicht mal so schwer, wie ich es mir vorgestellt habe.

  • @lev1ato
    @lev1ato 9 หลายเดือนก่อน

    amazing I might just go over it to learn to write typescript like you :D

  • @cs-nap
    @cs-nap 8 หลายเดือนก่อน +4

    Level of motivation:
    You feel like you're learning something: 7/10
    Josh says "you know the drill by now" and you actually know the drill: 100/10
    🔥

  • @Bhuvanchilling-kx4jw
    @Bhuvanchilling-kx4jw 9 หลายเดือนก่อน

    I have been waiting for new tutorials josh!!!!

  • @scheissed
    @scheissed 9 หลายเดือนก่อน

    unbelievably useful and, what is more, free to watch

  • @arupgope2676
    @arupgope2676 9 หลายเดือนก่อน +1

    Great Video. With Beautifully explained🤩🤩

  • @youneshenni5417
    @youneshenni5417 9 หลายเดือนก่อน

    Josh I'm loving your tutorials :)

  • @baltabur6796
    @baltabur6796 8 หลายเดือนก่อน

    thank you so much for the video. it is so good. I have started it, I hope I can finish it

  • @fatihece3359
    @fatihece3359 9 หลายเดือนก่อน

    Many thanks sir, you are a great instructor and a kind man✨

  • @teetanrobotics5363
    @teetanrobotics5363 9 หลายเดือนก่อน

    Thanks for the awesome content. Request you to make playlists so the channel is more organised

  • @Joey-o7p
    @Joey-o7p 9 หลายเดือนก่อน

    Ohhhh I was waiting for this! Thank you❤

  • @sthefanocarvalho2823
    @sthefanocarvalho2823 9 หลายเดือนก่อน

    You are a legend. Thanks for this masterpiece. ❤

  • @sebastianfast3501
    @sebastianfast3501 9 หลายเดือนก่อน

    Awesome tutorial!! You grew by miles in my mind after this one --
    I just have a question from one of the list you have put a div as a direct child, isnt lists only supposed to have as direct children?

  • @noowz
    @noowz 9 หลายเดือนก่อน

    Thank you so much for this tutorial, it will help me A LOT!