Build a Fullstack E-Commerce App using Next.js 13, MongoDB, Firebase, Strapi, Tailwind CSS [2023]

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

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

  • @bhargav9302
    @bhargav9302 ปีที่แล้ว +23

    I think your channel is the best and most underrated. I learned a lot of new concepts from your video, but I had to pause and rewind a few times to understand some of the concepts. Thank you for creating such a helpful video, especially for beginners like me. I have subscribed to your channel and I look forward to watching more of your videos.

    • @sangammukherjee
      @sangammukherjee  ปีที่แล้ว +3

      Thank you :)

    • @innocentonyemaenu6353
      @innocentonyemaenu6353 ปีที่แล้ว

      @@sangammukherjee Great job, but you mentioned strapi in the title of the project, but you never used it. Any reasons?

  • @HimanishSingha
    @HimanishSingha ปีที่แล้ว +17

    Eagerly wanting a PostgreSQL tutorial. It will be even better if you implement this project with PostgreSQL. Thank you. Loving your videos :)

  • @jatinranjan7954
    @jatinranjan7954 ปีที่แล้ว +8

    Wow, that is just mind-blowing, yet these kinds of projects are typically not free. Arigato-gazaimazu

  • @Amar11115
    @Amar11115 ปีที่แล้ว +2

    Man! Just discovered your channel.
    It has lot of amazing stuff!!

  • @obloo
    @obloo ปีที่แล้ว

    Wow very good work! I watched many tuts on emmorce but that one seems to be the best yet. I will def watch it till the end! Thanks man!

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

    I'm form Pakistan and I think you are the best.

  • @mahbubmorshed9527
    @mahbubmorshed9527 ปีที่แล้ว +1

    Thank you, you give us a great tutorial !

  • @paul4137
    @paul4137 ปีที่แล้ว +3

    Anyone else had a problem with displaying products added to cart ? 6:22:02 It was working on localhost but not after deployment. I guess it's about giving a proper absolute url in services/cart in for all-cart-items route. Can't figure out how it should look like though..

    • @focusedpatterns1650
      @focusedpatterns1650 ปีที่แล้ว +1

      Yea, I have the same problem. After deploying to vercel it doesn't work for me. Did You solve it ?

    • @paul4137
      @paul4137 ปีที่แล้ว

      @@focusedpatterns1650 Not really.. I hope someday there's made a seperate video on deploying it to vercel.

    • @piyushtale0001
      @piyushtale0001 ปีที่แล้ว

      Guys you have to put the deployed vercel link to the route, I have started this video , will describe more when completed

    • @sangammukherjee
      @sangammukherjee  ปีที่แล้ว

      hey guys, do this. create a env file in project and add URL env , while deploying in vercel you need to add those env file details. It will work. Let me know if this works or not, I will create a video on this, but not getting any time.

    • @nanajusolihun8848
      @nanajusolihun8848 ปีที่แล้ว

      ​@@sangammukherjee i have some problem. i have added the url env, but it still works. i hope tutorial for this problem

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

    best channel to learn very easy to learn

  • @mahendranath2504
    @mahendranath2504 ปีที่แล้ว

    Nice thank you amazing content, Subscribed and liked 👏👏👌👌🙌🙌✌✌👍👍

  • @ShortClips.._..
    @ShortClips.._.. 9 หลายเดือนก่อน

    Nice website running successfully

  • @aliberspilberg1
    @aliberspilberg1 ปีที่แล้ว +2

    Que programador tan genial!

  • @snapshort2024
    @snapshort2024 ปีที่แล้ว +1

    How i can just send a customer information to the email because i dident need the cridit card
    Please tell me ❤

  • @yafisraza1210
    @yafisraza1210 ปีที่แล้ว

    Thank u so much for this amazing project 🖤

    • @nehalpradhan2229
      @nehalpradhan2229 ปีที่แล้ว

      did you finish the project?? got any errors??

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

      Yes I have finished it without any error...

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

      I submitted it as my Final year project...

  • @cwgabel
    @cwgabel ปีที่แล้ว +7

    I am on a Mac with Appearance in Settings set to Dark. This makes things wonky on this tutorial so maybe set it back to light or auto to make things run smoothly. I think there is a conflict between the :root values in globals.css. I noticed that removing bg-white from the tag also fixes my original problem with dark mode on, but I am just getting into the video so I don't know if this is the correct solution.

    • @sangammukherjee
      @sangammukherjee  ปีที่แล้ว

      need to test in mac once, let me check and reply here. Thanks for this info :)

    • @cwgabel
      @cwgabel ปีที่แล้ว

      I think for a dark mode approach that works for both tailwind in nextjs with/without system dark mode, I liked Hamed's video at th-cam.com/video/RTAJ-enfums/w-d-xo.html

  • @15_kumargogula59
    @15_kumargogula59 ปีที่แล้ว +2

    very goood project and explanation too... tell how deploye this project in vercel

  • @techreleasenow1766
    @techreleasenow1766 ปีที่แล้ว

    Good work, learnt alot

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

    What I need to learn
    I got exact thanks for your patience to explain this..
    Love from Hyderabad ❤❤❤
    Please do some typescript and next js projects ❤🎉🎉

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

      Did you complete it bro?

  • @ZubairKhan-mb6rd
    @ZubairKhan-mb6rd 6 หลายเดือนก่อน

    Good 👍

  • @surendrawagle8341
    @surendrawagle8341 ปีที่แล้ว

    Nice Tutorial.

  • @fallanstar
    @fallanstar ปีที่แล้ว

    Good Project that i have never ever seen

  • @Global-Visas
    @Global-Visas ปีที่แล้ว

    Well Explained Sangam.If possible try to explain the concept also that will make you different from others.

  • @RapLyricalVideos
    @RapLyricalVideos ปีที่แล้ว

    Awesome video bro :❤

  • @niteshprajapat7918
    @niteshprajapat7918 ปีที่แล้ว

    Amazing content🔥🔥

  • @linknatsu5426
    @linknatsu5426 ปีที่แล้ว

    What a great video to start fully programming web pages, but I would also like a tutorial on how to recover user accounts because that would be very rewarding to learn.

  • @nandopookey9195
    @nandopookey9195 ปีที่แล้ว

    omg, this is free ? Thank you so much sir

  • @niteshsingh2265
    @niteshsingh2265 ปีที่แล้ว +1

    your video is awesome but plz add cancel order and return order functionality.

  • @Red-wn2lo
    @Red-wn2lo ปีที่แล้ว

    nice video
    👍👍👍👍

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

    Great! So much delivered. I just subscribed. What's he difference between Nest.Js 13 & 14? Video was done when latest was Next.Js 13. Will this still work with Next.Js 14 which is the latest? How do I install Next.Js 13? Thank you

  • @JusTheWebDevNJIT
    @JusTheWebDevNJIT ปีที่แล้ว +3

    Great tutorial, one question is there a reason why you are using router instead of next-link?

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt ปีที่แล้ว

    Wow Nice

  • @mdraisulislamrimon9808
    @mdraisulislamrimon9808 ปีที่แล้ว

    nice project

  • @manqobamlangeni2860
    @manqobamlangeni2860 ปีที่แล้ว

    Already flattered

  • @Biharibabu1997
    @Biharibabu1997 ปีที่แล้ว

    Good work bro

  • @funny-g4d
    @funny-g4d ปีที่แล้ว

    good sir

  • @ChaimaChaima-bb3zb
    @ChaimaChaima-bb3zb 9 หลายเดือนก่อน

    everything is looking good but i think you sould add the search in the navbar

  • @kaisnguyen4086
    @kaisnguyen4086 ปีที่แล้ว +1

    hello thanks for video. I hope you do make the functions a little deeper such as refresh token interceptor, reset password, verify otp, infinity scroll when have many product or pagination, chatbot ...

  • @raabisliman
    @raabisliman ปีที่แล้ว

    Thanks for making the video in english for worldwide 😅

  • @Nischaltamang2023
    @Nischaltamang2023 ปีที่แล้ว +5

    At first you are registering as admin but there is no any other validation to check. In fact any user can register him or herself as admin and can get access of admin portal.

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

      Admin can be registered one time only not two times

  • @diptamoy12
    @diptamoy12 ปีที่แล้ว

    Great dada❤❤❤
    Need a tutorial React with Appwrite ❤️

  • @정주영-f1m
    @정주영-f1m ปีที่แล้ว

    Did you do any state management of the data in this tutorial? Did you use anything like redux or redux or recoil?

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

    would be nice - Firebase, strapi and Tailwind css?

  • @milkywaymontage3263
    @milkywaymontage3263 ปีที่แล้ว +3

    Great project but sir can you please make it multi vendor

  • @copycoder6125
    @copycoder6125 ปีที่แล้ว

    Great content bro :)

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

    Heyy can you please upload a video how to deploy this website because I’m getting fetch error when I try to deploy on vercel please rely me and let me know

  • @ruizxzx
    @ruizxzx ปีที่แล้ว +1

    finally its done

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

      Did he use redux-toolkit for state management

  • @anmolkumar09
    @anmolkumar09 ปีที่แล้ว

    bro i got an error whenyou psuh your first registration (2:00)
    SyntaxError: Unexpected token '

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

      same

  • @eseandy5484
    @eseandy5484 ปีที่แล้ว

    is there a tutorial to connect this exercise with the admin panel?

  • @codingnovice3920
    @codingnovice3920 ปีที่แล้ว

    On the API with front-end integration part, an error occured saying that setComponentLevelLoader is not a function. How can I write the function on setcomponentlevelloader or how can I import it? i checked the src but there is no specific logic inside the setcomponentlevel loader

  • @saikrishnamuntha62
    @saikrishnamuntha62 ปีที่แล้ว

    bro here u not mentioned the protected routes??? you had done on nextjs I need the backend like python or any that should be show how to protect

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

  • @ApurvaKashyap-kj6qz
    @ApurvaKashyap-kj6qz ปีที่แล้ว +7

    i request u to please include typescript in ur upcoming next js tutorial video

  • @ultrAbdu
    @ultrAbdu ปีที่แล้ว

    Hi bro i will watch this video completely this week. I am beginner, i am struggling a bit to learn full stack, how can i start with that, i have the basic knowledge of html /css / js for frontend, but backend i do not know anything, i do not understand how to set up a own server for example and the things to deploy my own project on my own domain, what do you recommend me

  • @vivekgupta-y1b
    @vivekgupta-y1b ปีที่แล้ว +1

    Why didn't you use Multer and formidable library for images upload sir?

    • @sangammukherjee
      @sangammukherjee  ปีที่แล้ว

      will use in next videos. Noted. Thanks :)

  • @vivekgupta-y1b
    @vivekgupta-y1b ปีที่แล้ว +1

    Question 1=> Actually one point pe thoda doubt hai brother, ham sare next js ke sare api route me "await connectToDB()" kyu call kar rhe h because jab ham MERN stack ka project create karte h then only one time database ko connect karte h main index.js page me using Mongodb and Expressjs then problem kya h?
    Question 2=> export const dynamic = "force-dynamic"; why we using this line of code in our next js project?

    • @PayloadPulse
      @PayloadPulse ปีที่แล้ว

      because in this we cannot use expressjs for a path we send repsopne to server directly from website we don have any bridge. thats why we call connecttodb evreytime in every function.
      i you dont do this then mongodb do not connect with function.

    • @vivekgupta-y1b
      @vivekgupta-y1b ปีที่แล้ว

      @@PayloadPulse thnaks brother 🙂

    • @vivekgupta-y1b
      @vivekgupta-y1b ปีที่แล้ว

      @@PayloadPulse export const dynamic = "force-dynamic"; why we using this line of code in our next js project? ae kyu use hua h apko pta h?

  • @jarnoojasaar
    @jarnoojasaar ปีที่แล้ว

    Great video, but why not use prettier instead of manually formating all the time? could save a lot of time :)

  • @pankaj2129
    @pankaj2129 ปีที่แล้ว

    Good one! But why Admin would add product and buy the same product? Didn't understand.

    • @sangammukherjee
      @sangammukherjee  ปีที่แล้ว +1

      Hi, this is just a demo project. I got your point. This project will give a great indepth idea how to use next js 13 version, based on your idea you can change the functionality that you like :)

  • @izzafiramdhani4486
    @izzafiramdhani4486 ปีที่แล้ว +3

    wait isn't that dangerous to put role options in sign up page cus everyone can sign up as admin?

    • @sangammukherjee
      @sangammukherjee  ปีที่แล้ว +2

      already answered this in other comments, you are 100% correct but this is just a demo project. This project will give a prospective how to use next js 13 version, based on your idea you can change and implement the functionality that you like. You will be able to create a single admin user very easily. I hope i answered your point

  • @libcanbe2474
    @libcanbe2474 ปีที่แล้ว

    I have any issue with the product by id section… it returns undefined

  • @aminekherra-s2w
    @aminekherra-s2w ปีที่แล้ว

    good luck

  • @SahilSingh-j4o
    @SahilSingh-j4o 4 หลายเดือนก่อน

    is hosting included in this video?

  • @manojbasnet8113
    @manojbasnet8113 ปีที่แล้ว

    if a customer buy anything then how to show there is decrese in product in DB

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

    Is this is industry level project ??

  • @FunnyDesertCreature-tu2mj
    @FunnyDesertCreature-tu2mj 6 หลายเดือนก่อน

    Brother, why didn't you add road tracking system to it? Also tell me like it is done in Flipkart.

  • @aasang5919
    @aasang5919 ปีที่แล้ว

    I would like to ask you somethings when I call api in server component it call like localhost:port something like that in local server, the issue is that i would like make hosting in vercel, I don't know to set that localhost:port api calling value. Can you guide me about it?

    • @sangammukherjee
      @sangammukherjee  ปีที่แล้ว

      Hi, i am not getting time. I will definitely create a separate video for this. Thanks.

  • @guy-was-taken
    @guy-was-taken ปีที่แล้ว

    is it working now ? can i start of version dependencies causing issue?

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

    where is deployment part ?

  • @kiranmalviya7152
    @kiranmalviya7152 ปีที่แล้ว

    Actually i had a error in DB could not connect to any servers in your mongodb atlas clusters

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

      Did he use redux-toolkit for state management

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

    Is this responsive too ??

  • @SwaggerLadka
    @SwaggerLadka ปีที่แล้ว

    Bro I am in b tech 3rd year I want to learn from you I want to become full stack can you please teach me please...or you can please continue a series

  • @Kumar-i3v6u
    @Kumar-i3v6u ปีที่แล้ว +1

    Make a video to how to deploy this project

  • @Red-wn2lo
    @Red-wn2lo ปีที่แล้ว +2

    if i build this web project can i get a job as a fresher please replay

    • @sangammukherjee
      @sangammukherjee  ปีที่แล้ว

      yes definitely :)

    • @Red-wn2lo
      @Red-wn2lo ปีที่แล้ว

      4 high severity vulnerabilities@@sangammukherjee during firebase installation how can i fix it

  • @puneetsharma4458
    @puneetsharma4458 ปีที่แล้ว +1

    please explain this project in hindi lanauge and please upload the tutorials in hindi lanaguge from basic to advance in Next.js 13, MongoDB, Firebase, Strapi, Tailwind CSS these course.. i have no knowledge in it.. i want create the ecommerce website just like a amaozn..

  • @usmanmarkaz
    @usmanmarkaz ปีที่แล้ว

    Any plain for React Native Plz start React native with Rest API project with Node js

  • @johndeer8405
    @johndeer8405 ปีที่แล้ว

    Greetings and thanks for the content. Can you show us how to add verification emails and reset password please? Thanks again.

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

    I have completed this full project.Now i am facing issue in deployment because of the absolute path that you have used while listing all products on client side localhost 3000 you have added in api endpoint which is giving error in production what is the solution of this problem?😢😢 Please tell me waiting for you reply sir😢😢😢😢😢

  • @sonofhall
    @sonofhall ปีที่แล้ว

    Hello this source is free to use?

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

    How to get this project pics

  • @aditya-d-
    @aditya-d- 11 หลายเดือนก่อน

    bhai redux toolkit use karna tha

  • @NaviKahaniOfficial
    @NaviKahaniOfficial ปีที่แล้ว

    npm run dev command is not working it shows an error
    i checked package.json file there is not any dev

    • @sangammukherjee
      @sangammukherjee  ปีที่แล้ว +1

      Please check , did you properly installed next js project or not.

    • @NaviKahaniOfficial
      @NaviKahaniOfficial ปีที่แล้ว

      ​@@sangammukherjee
      I was trying to run the code from the wrong directory (not ecommerce). But I figured it out!
      Thanks for your response!

  • @Skm-mq1sw
    @Skm-mq1sw ปีที่แล้ว +2

    How to deploy this project on free platform

  • @sidharthdang1647
    @sidharthdang1647 ปีที่แล้ว

    Can u help me deploying it

  • @gouravameta8347
    @gouravameta8347 ปีที่แล้ว

    is this project responsive?

  • @seba_prdo
    @seba_prdo ปีที่แล้ว

    this page is responsive ?

  • @stoic.mayank
    @stoic.mayank ปีที่แล้ว

    How to add Forgot password feature in the login/signup page

  • @bhojpuriyadesiboys1639
    @bhojpuriyadesiboys1639 ปีที่แล้ว +1

    Search option is not available

    • @sangammukherjee
      @sangammukherjee  ปีที่แล้ว +1

      will add later if possible , thanks :)

  • @godl_disaster611
    @godl_disaster611 ปีที่แล้ว

    Unable to install all packages, gives error npm registry not present

    • @sangammukherjee
      @sangammukherjee  ปีที่แล้ว

      try this : npm config set registry registry.npmjs.org

  • @shubhamkumarmandal2132
    @shubhamkumarmandal2132 ปีที่แล้ว

    Can you add payment integration to the site ?

    • @sangammukherjee
      @sangammukherjee  ปีที่แล้ว

      its already there using strapi, what else you are referring ?

    • @axelraboit5556
      @axelraboit5556 ปีที่แล้ว

      Stripe*

  • @phisit8813
    @phisit8813 ปีที่แล้ว

    Can you make video on how to push these code on platform like AWS ?! Its hard to find a video showing how to build codes, push GIT, connect domains and hosting at the same time. Espcially hosting dyamic website.

  • @sufiyanbagwan5672
    @sufiyanbagwan5672 ปีที่แล้ว

    can i learn web development with project in 6 month after 12hrs daily study

  • @B.A_King94
    @B.A_King94 11 หลายเดือนก่อน

    how I deploy this project on vercel

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

      Did he use redux-toolkit for state management

  • @pablosoler7661
    @pablosoler7661 ปีที่แล้ว

    HELP PLEASE REMOVE THIS ERROR...........
    Error: Cannot access GlobalContext._context on the server. You cannot dot into a
    client module from a server component. You can only pass the imported name through...!!!!

  • @Did_You_Know_Daily_07_English
    @Did_You_Know_Daily_07_English ปีที่แล้ว

    brocan you fix issue we are facing many issue please fix it please!!!

    • @sangammukherjee
      @sangammukherjee  ปีที่แล้ว

      Please mention the issues or create issues under githun repo

  • @shubhamkumarmandal2132
    @shubhamkumarmandal2132 ปีที่แล้ว

    Is it responsive

    • @sangammukherjee
      @sangammukherjee  ปีที่แล้ว

      yes. But i haven't give lot of attention in CSS part. As there are lot of functionalities.

  • @yushatahlil9426
    @yushatahlil9426 ปีที่แล้ว

    Bro, the logic of your application is incorrect, how can you allow the user to choose their role ??

  • @ashimbhowmikamit7596
    @ashimbhowmikamit7596 ปีที่แล้ว

    How can i deploy this project in Vercel ? Please make a video for this

  • @fallanstar
    @fallanstar ปีที่แล้ว

    Plz now turn to React native with Full Stack Application using Node js and firebase

  • @debmalyaray1997
    @debmalyaray1997 ปีที่แล้ว

    how to learn html css and javascript tell me first???

  • @ManojKumar-oh1ib
    @ManojKumar-oh1ib ปีที่แล้ว

    6.15

  • @AryanKumar-it7gn
    @AryanKumar-it7gn ปีที่แล้ว

    can you make that website single admin user