Next.js E-Commerce App Full Tutorial with the Best Headless Solution

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

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

  • @dreamsachiever212
    @dreamsachiever212 7 หลายเดือนก่อน +14

    this channel deserves 1M subscribers. I am so grateful to have found it last year.

  • @jarencefeliciano
    @jarencefeliciano 7 หลายเดือนก่อน +162

    This man beats paid courses on Udemy. Bravo!

    • @knowledgedose1956
      @knowledgedose1956 7 หลายเดือนก่อน +4

      yet he does it for free🎉

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

      Is udemy courses that bad? I want dig dive more than just projects like this, does udemy course is good option?

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

      @@ntramu4186 I don't criticize Udemy because I have many courses that I've bought there. It's just so happen that other courses there are outdated and not teaching the best practices led me to experience multiple refunds. So, be careful of buying courses there and make some research before buying the course.

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

      @@ntramu4186 dude, go for John Smilga, I promise you will not be disappointed, every course has projects.

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

      @@ntramu4186so so and the problem is some of these courses of Udemy are late behind and need to be updated

  • @mengistutadese4858
    @mengistutadese4858 7 หลายเดือนก่อน +15

    Lema...honestly i am addicted with your explanation..you job is always amazed me..I think only if finish all your project that I ll be a confident software engineer...I am software engineering student..if you aren't here i have no idea what am gonna do with my life..really reallly your job is amazing your explanation is killing too..i have no words thank so much

  • @IOSARBX
    @IOSARBX 7 หลายเดือนก่อน +13

    Lama Dev, I subscribed because your videos are super cool!

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

    this is one of the best tutorials in this world. Thank you, man. Love from Vietnam

  • @PETERFILM
    @PETERFILM 7 หลายเดือนก่อน +20

    I can’t believe that you made such a site in 6 hours, with explanations too)) Very cool! Thank you very much for the material, I will definitely study it!)

    • @gamingdas396
      @gamingdas396 7 หลายเดือนก่อน +3

      This whole project may took him to build more than a month it's a 6 hour video but it also took him more than a month to implement successfully

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

      When I write any description in my product it is showing html element how can I remove it

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

      ​@@gamingdas396true he takes one month to post one video

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

    You just beat all the paid courses hehe. Welcome back lama after long time but you came with a bang. Cant wait to finish this course

  • @tsikot39
    @tsikot39 14 วันที่ผ่านมา

    I just switched to this channel because of its comprehensive projects unlike others, they only build basic features and sometimes incomplete. I like your projects bro. Keep it up. Let's promote this channel, he deserves it! I hope you can build health information system very soon, it's a wonderful project that employers would love to see. Thank you bro!

  • @badrbouizg8407
    @badrbouizg8407 6 หลายเดือนก่อน +4

    This tutorial is pure gold. Mind-blowing tutorial! Can't believe it’s free! You're incredible, my friend!

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

    Lama you are the most amazing teacher i have ever seen, please let me touch your feet master, i just can't thank you enough, you are the only reason web development is fun for me and i can create any complex website, thanks to you, forever grateful lovely lama🙏

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

    Lama Dev and BroCode are gifts from heaven!!

  • @saroj3483
    @saroj3483 7 หลายเดือนก่อน +29

    Please build the backend admin panel for this without using the wix

    • @ruuguuin
      @ruuguuin 2 หลายเดือนก่อน +1

      before i proceed with this tutorial, wix is free ?

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

      ​@@ruuguuinno

    • @firasyazid439
      @firasyazid439 18 วันที่ผ่านมา

      @@ruuguuin YESS

    • @DevAndBass
      @DevAndBass 14 วันที่ผ่านมา

      @@firasyazid439 not true, to do anything meaningful, i.e. payments it is paid

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

    You should store the access token as well, otherwise you make a request to Wix's server for every single request

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

    Best fullstack projects channel on youtube for sure!

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

    Like always this man is done the brilliant job again.

  • @ladaonmymind
    @ladaonmymind 7 หลายเดือนก่อน +3

    Lama Dev, happy you're back!

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

    Thanks for the video
    I was looking to make an e-commerce app to add to my portfolio
    You are precise dont waste time repeating things over like most do in udemy

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

    This is the complete and best e-commerce project I've ever come across!! Thank you so much ❤

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

    I just want to say thank you, Lama for the precious tutorial ❤
    Thanks

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

    I was waiting for Next JS project.
    Thank you

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

    Congrats me You are Officially the TH-camrs of the Year

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

    Protect LamaDev at all cost! 👊🏼💻

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

    This is amazing. Thanks from Uzbekistan 🇺🇿

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

    Wow Lama dev just unlock 🔓 another level !! 🎉🎉

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

    Splendid work, kudus. Thank you so much. ❤

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

    I can't tell how much this guy is intelligent 4 real

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

    I hope, you will create a video for our own cms in prisma postgres 😊

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

    bruh this project of yours includes all there is about e-commerce apps lol. thanks a lot !!!!

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

    This channel, Lama Dev, is doing great job for students learning web development. I request to kindly make an e-com project using sanity as headless cms please.

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

    Lama dev all I can say is thank you

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

    From Iran ... thanks dear lama dev . Safak

  • @ibstudiosHD
    @ibstudiosHD 7 หลายเดือนก่อน +3

    Can you start doing with React Native too for some of us who are Mobile Developers.

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

    Dear Lama you are a great explainer and teacher ❤❤❤ Please keep providing with such quality content ❤

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

    Thanks Lama Dev! Automatic thumbs up!

  • @Memevsmemer
    @Memevsmemer 7 หลายเดือนก่อน +3

    Hi Lama,
    Why don't you use TypeScript for projects?
    Next tutorial with typescript please.

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

      yes. really needed

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

    Great why not deployed it to vercel?

  • @DevAbhi-ub5mx
    @DevAbhi-ub5mx หลายเดือนก่อน

    Man Lama you are so cool , i want to become an expert in development like you. XD

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

    First time I completed your video tutorial successfully. Thank you bro!

    • @wasi5514
      @wasi5514 6 หลายเดือนก่อน +1

      Hey do we have to purchase anything in order to complete this course??

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

      tell us?

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

    Rhank you lama dev so much for this video

  • @Dinesh-jt1tb
    @Dinesh-jt1tb 7 หลายเดือนก่อน

    Such a amzaing project and thats also for free !! Amazing work

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

    Amazing quality content as usual! So excited for the paid master course, hoping it includes shipping label api config. creation (such as DHL/USPS) or even employee management facilitation (logging hours, actions log, etc.) it will be the most supreme course I will have to recommend to peers.

  • @khajh933
    @khajh933 4 หลายเดือนก่อน +1

    If you had used Strapi JS for the backend of the project, it would have been great.

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

    Very nice and impressive , best wishes for such a great job ❤

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

    thanks you for best lecture❤

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

    Didn’t you consider using payload cms in next projects?

  • @HeadlessAgent010
    @HeadlessAgent010 11 วันที่ผ่านมา

    I'm having an issue, I'm not sure if I missed the part where you link products to go to their single page, Could you assist me with it as I'm really confused that my products are not being linked.
    Thank you! Great video and a great channel in general!
    Though I wish you could slow down a bit, sometimes i struggle to catch up

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

    That's why he is the MVP, that's why he is the G.O.A.T.

  • @WorldNews73733
    @WorldNews73733 3 หลายเดือนก่อน +1

    Wix studio is free or not ??

  • @aabidjunani7
    @aabidjunani7 7 หลายเดือนก่อน +3

    Just Like That.....😁😁

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

    i really like it but how in this way add multi language to website?

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

    Which VSCode extensions are you using. Awesome tutorials 🙏🏻

  • @hanynasyr
    @hanynasyr 24 วันที่ผ่านมา

    This is exactly what I was looking for. Quick question. Does Wix e-commerce have the ability to add separate images to product variants?

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

    this is really helpful thank you!
    are you able to do this with shopify aswel?
    sorry im new to all this.

  • @KenatoHat-rg9mb
    @KenatoHat-rg9mb 7 หลายเดือนก่อน

    Wonderful your are always amazing
    ❤❤❤

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

    Nice to see you again

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

    Can we still build an E-Commerce App with react and strapi and get hired?

  • @Muruka-oj8pn
    @Muruka-oj8pn หลายเดือนก่อน

    Hey Lama Dev did you implement the search feature?

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

    Please make a video on the full process , like how to get the idea, which database to choose, what framework to choose, how you design schemas and UI and then writing the code

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

    perfect tut man💯

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

    can you make this using MERN? Thank you !

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

    Excellent course 💯👍👌😃😸😄

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

    please llama, any ata on the react course?

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

    Awesome video!. only issue im facing right now is the unhandled runtime error when i pass my categoryId to the productList. even after adding "!" to the env variable, i get the error message

  • @MatheusSilva-qm3ph
    @MatheusSilva-qm3ph 7 หลายเดือนก่อน

    Very cool! Thank you for this class. One question, do you know how to use the Facebook pixel in the project? It would be even better.
    Thanks.

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

    loving the video so far, but i have a few questions. Why shouldnt we use SVGs for icons instead of Images, they are more accessible for screen readers and keyboard inputs. also, why are all the links not inside lists

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

    I like the video.... I had one request though...Would you do another one with Medusa-JS CMS

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

    Thank you very much ❤❤

  • @nuruhussen-wo9wg
    @nuruhussen-wo9wg 7 หลายเดือนก่อน

    that was amazing i hope u will add admin panel rather than using
    wix

  • @abhisweb2315
    @abhisweb2315 6 หลายเดือนก่อน +2

    How can I deploy it ?? 😢

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

    Thank you so much for this video.
    Please make a video with Medusajs for backend. I think medusa also a powerful headless backend.

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

    Can you do a headless CMS with WordPress?

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

    Hi Lama, thanks for sharing great project.
    i was wondering what snippet you used when creating component by typing "compt"? thank you

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

      does anyone know

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

      @Money_Senpai_07 IIRC, he created snippet by himself, you can see other video that he made some snippet

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

    can you make a video where when we chose a color variant to change image by th e color variant?

  • @andreaachoi6126
    @andreaachoi6126 7 หลายเดือนก่อน +3

    This is a really good tutorial. I want to follow this whole tutorial.
    But, at 4:49:13, I have to pay " Upgrade Your Plan on Wix" , which means I should pay at least $36/mo. If not, the error happens: "message": "Site must accept payments to create checkout". Is there any way to avoid this error without "Upgrade Your Plan on Wix"?

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

      I am working on the same, please let me know if anyone finds a way around

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

      same

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

      any solution for this?

  • @viniciusm.m.7822
    @viniciusm.m.7822 7 หลายเดือนก่อน

    Lama, please, what do u think about "Strapi"?

  • @funaustralia6517
    @funaustralia6517 7 หลายเดือนก่อน +3

    I cannot use sort by to price low to high and high to low.... it's no working for me

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

      same for me

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

      same

    • @larcdianhide9078
      @larcdianhide9078 7 หลายเดือนก่อน +3

      I have the same problem; it is probably an issue with the Wix API. To solve it, I had to use the sort() method to compare the prices and mutate the 'res' array.

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

      @@larcdianhide9078 how do you do with the sort() method, do you have any example or github account? thanks!

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

      ​@@larcdianhide9078could u help me with that?

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

    Why u not using nestjs

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

    Make tutorial on Next JS templatefor Shopify template to integrate for their headless CMS

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

    Great job man, Thank you very much

  • @Ashraf-lw7qv
    @Ashraf-lw7qv 6 หลายเดือนก่อน +5

    Usually i follow your videos and like it but this time after 4.45 Min and 2 weeks work after you i find you ask to pay to wix site to continue .......

  • @FrancoBarrera-nv4rt
    @FrancoBarrera-nv4rt 4 หลายเดือนก่อน

    wow , thanks , nice proyect

  • @debanujbasak9282
    @debanujbasak9282 6 หลายเดือนก่อน +1

    do i have to purchase anything for making this?

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

    hi do i need to pay for Wix headless ?

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

    Hey Lama dev,you are doing great.More than great and thanks for this awesome tutorial.But we will really appreciate if you can build this project on Mern and Nextjs by creating separate folder of frontend and backend.Nobody on yt has done this except one guys, plzz take my comment into consideration

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

    amazing as alwaya ❤🎉

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

    Does anyone know how to deploy and use the theme created?

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

    Great job!!! thanks!!!

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

    i learned a lot from you sir

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

    amazing broooo....next a video calling app 😌😌🤤

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

    hello , thank you for the great tutorial however i'm having issue with sorting the low or high price though i coppied the code and the products dont't update due to the sort at 3:27:53 thank you in advance

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

    thanks a lot bro, keep going

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

    Abi sen nasıl bi' kralsın ya :)

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

    Awesome project!!!
    Please can you recreate this in MERN

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

    That's amazing ❤❤

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

    Amazing detail ^^ Thanx

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

    Could you possibly create tutorial video on MERN e-commerce app ?

  • @mansi7183
    @mansi7183 6 หลายเดือนก่อน +2

    low to high and high to low sort is not working.

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

      same

    • @fcfantasy6618
      @fcfantasy6618 5 หลายเดือนก่อน +2

      const wixClient = await wixClientServer();
      let productQuery = wixClient.products
      .queryProducts()
      .startsWith("name", searchParams?.name || "")
      .eq("collectionIds", categoryId)
      .hasSome(
      "productType",
      searchParams?.type ? [searchParams.type] : ["physical", "digital"]
      )
      .gt("priceData.price", searchParams?.min || 0)
      .lt("priceData.price", searchParams?.max || 999999)
      .limit(limit || PRODUCT_PER_PAGE);
      // Debugging
      // console.log("Search Parameters:", searchParams);
      if (searchParams?.sort) {
      const [sortType, sortBy] = searchParams.sort.split(" ");
      if (sortType === "asc") {
      productQuery = productQuery.ascending(sortBy);
      } else if (sortType === "desc") {
      productQuery = productQuery.descending(sortBy);
      }
      }
      const res = await productQuery.find(); 🎉

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

    Thanks a lot ♥

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

    Lama can you also use some payment gateway that works in Africa because stripe does not work in our countries

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

    After an order is placed, how is shipping for the product handeled? For example with shopify, the store owner would be able to see the product ordered, and simply print out the shipping label on their system.