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

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ธ.ค. 2024

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

  • @jarencefeliciano
    @jarencefeliciano 6 หลายเดือนก่อน +147

    This man beats paid courses on Udemy. Bravo!

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

      yet he does it for free🎉

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

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

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

      @@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 6 หลายเดือนก่อน

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

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

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

  • @mengistutadese4858
    @mengistutadese4858 6 หลายเดือนก่อน +12

    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

  • @dreamsachiever212
    @dreamsachiever212 6 หลายเดือนก่อน +11

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

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

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

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

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

  • @PETERFILM
    @PETERFILM 6 หลายเดือนก่อน +18

    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 6 หลายเดือนก่อน +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 5 หลายเดือนก่อน

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

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

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

  • @saroj3483
    @saroj3483 6 หลายเดือนก่อน +27

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

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

      before i proceed with this tutorial, wix is free ?

    • @howuseehim
      @howuseehim 3 วันที่ผ่านมา

      ​@@bollvigblackno

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

    Lama Dev, happy you're back!

  • @gamingcave4386
    @gamingcave4386 6 หลายเดือนก่อน +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

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

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

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

    Lama Dev and BroCode are gifts from heaven!!

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

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

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

    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🙏

  • @MrStarba3
    @MrStarba3 6 หลายเดือนก่อน +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 5 หลายเดือนก่อน

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

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

    Best fullstack projects channel on youtube for sure!

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

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

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

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

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

    I was waiting for Next JS project.
    Thank you

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

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

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

    Like always this man is done the brilliant job again.

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

    Splendid work, kudus. Thank you so much. ❤

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

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

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

    This is amazing. Thanks from Uzbekistan 🇺🇿

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

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

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

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

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

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

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

      tell us?

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

    Protect LamaDev at all cost! 👊🏼💻

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

    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.

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

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

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

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

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

      yes. really needed

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

    Thanks Lama Dev! Automatic thumbs up!

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

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

  • @DevAbhi-ub5mx
    @DevAbhi-ub5mx 5 วันที่ผ่านมา

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

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

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

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

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

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

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

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

    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.

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

    From Iran ... thanks dear lama dev . Safak

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

    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

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

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

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

    Rhank you lama dev so much for this video

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

    Great why not deployed it to vercel?

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

    Lama dev all I can say is thank you

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

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

  • @Ashraf-lw7qv
    @Ashraf-lw7qv 5 หลายเดือนก่อน +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 .......

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

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

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

    Welcome back ❤

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

    Great tutorial... again!
    I have an issue on the profile page when running the build command which gives me an error of:
    "message": "Missing site member id: UNKNOWN", and "Permission denied"...
    Anyone else get this and any solutions?

    • @davidsonschaly1042
      @davidsonschaly1042 4 วันที่ผ่านมา

      Same here. How did you fix it? Anyone??

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

    Nice to see you again

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

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

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

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

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

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

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

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

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

      same for me

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

      same

    • @larcdianhide9078
      @larcdianhide9078 5 หลายเดือนก่อน +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 3 หลายเดือนก่อน

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

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

      ​@@larcdianhide9078could u help me with that?

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

    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

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

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

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

    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

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

    nailed it brother

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

    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.

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

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

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

    Which VSCode extensions are you using. Awesome tutorials 🙏🏻

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

    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

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

    perfect tut man💯

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

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

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

    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 29 วันที่ผ่านมา

      does anyone know

    • @mfauzil_ap
      @mfauzil_ap 29 วันที่ผ่านมา

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

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

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

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

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

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

    Can you do a headless CMS with WordPress?

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

    it have some error when we are run npm run build after compile the error will show cart.subtotal.amount error

    • @MYTUBE44grv
      @MYTUBE44grv 8 วันที่ผ่านมา

      did you figure out the solution

  • @fuadabdullazade4674
    @fuadabdullazade4674 16 วันที่ผ่านมา

    Which VSCode extension are you using for converting to snippets?

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

    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.

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

    When you change the URL by clicking "next" in the pagination functionality, isn't the entire page rendered instead of just the product listing?

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

    I can't see any projects anywhere regarding whether it is possible to use next.js with node.js.

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

    can you make this using MERN? Thank you !

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

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

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

      same

    • @fcfantasy6618
      @fcfantasy6618 3 หลายเดือนก่อน +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(); 🎉

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

    How can I deploy it ?? 😢

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

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

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

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

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

    lama is the goat

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

    Which Extensions are installed to get the compt shortcut?

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

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

  • @andreaachoi6126
    @andreaachoi6126 6 หลายเดือนก่อน +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_ 6 หลายเดือนก่อน +1

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

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

      same

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

      any solution for this?

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

    do i have to purchase anything for making this?

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

    thanks you for best lecture❤

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

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

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

    Great job!!! thanks!!!

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

    Amazing course

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

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

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

    Wonderful your are always amazing
    ❤❤❤

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

    Amazing detail ^^ Thanx

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

    Hello.... why wix and not e.g. wordpress or shopify? Thanks

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

    Hello, I am from india. Bro thank you.

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

    I face problems in Wix setup. Every time it takes to Wix template to create a website.

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

    please llama, any ata on the react course?

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

    Great job man, Thank you very much

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

    That's amazing ❤❤

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

    hi do i need to pay for Wix headless ?

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

    My sort by option is not working though I have written it all correct. What can be the issue?

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

      you need to reassign the productQuery object when you apply sorting
      like this
      if(sortType === "asc"){
      productQuery = productQuery.ascending(sortBy);
      }
      if(sortType === "desc"){
      productQuery = productQuery.descending(sortBy);
      }

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

    Good morning Lama Dev, I am receiving error messages after importing "import {cookies} from "next/headers" in the useClientServer component I need help to solve this problem

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

      I also received the same problem, please let me know if you solve the problem, thanks🙏🙏

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

    hocam neden wix headless kullaniyoruz oradan urun mu eklememize yariyor bu

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

    Hi Lama... Could you please do a full stack ecommerce project with both React/Next.js and Django. I don't want to use any headless CMS. And you are one of the best teachers in youtube. Thanks for your videos again.