Build a Fullstack E-commerce using Next.js (react.js, mongo, tailwind, styled components)

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

ความคิดเห็น • 1K

  • @CodingWithDawid
    @CodingWithDawid  ปีที่แล้ว +120

    Check out the extended version of this project!
    22+ hours of content, more features and more functionality: dawid.link/ecommerce

    • @KKK-ry9wm
      @KKK-ry9wm ปีที่แล้ว +5

      I want to buy your course but its hard to pay using virtual bank like maya in the philippines. I hope there is other option. TY

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

      Hello Dawid, this is amazing course! I'm from Indonesia, I'm 16 y.o. and I don't have a bank account. Would you like to up this course on Udemy? I can get easily payment courses from Udemy, I can pay the course via mini market near by my house. Thank you for the amazing course Dawid :)

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

      I can't to pay this your course now?

    • @shinjix-coder
      @shinjix-coder ปีที่แล้ว +3

      Just bought it. Thanks

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

      @@KKK-ry9wm Hello bro, I need someone from Phillipines to work on a business deal, how do i contact you?

  • @kooyaw4445
    @kooyaw4445 ปีที่แล้ว +141

    I'm just 15 mins in and I can confirm this is pure gold. Bless you brother with the way you took your time to structure this project

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

      Same as you!

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

      Can you please send me the attributes of .env file please? can you send me by hiding your secrets?

  • @MightyKingKala
    @MightyKingKala ปีที่แล้ว +120

    bro is walking legend

  • @zuko2760
    @zuko2760 10 หลายเดือนก่อน +14

    I'm a student in software developer and have done both front end and back end development but always questioned how to connect them. 20 minutes into watching this video, I am now seeing a perfect example in real time on how to achieve this goal using the tech stack Dawid has chosen for this project. Thank you for this brother.👍

  • @arielelias2413
    @arielelias2413 ปีที่แล้ว +26

    This kind of real projects need our community. Thanks for all, I hope to see much more!

  • @punithprachi5042
    @punithprachi5042 ปีที่แล้ว +45

    This is the only project in entire TH-cam community that can be called as a real project, hats of dawid, i really can't wait for your next projects.

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

      So many things are missing......only available after purchasing the full video

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

    This is what you call a real world project.
    In this time where everyone is running towards the fad of web3, this is the type of video creators need to put out.

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

    as someone that already finished food-ordering and link-list from your videos, it's very clear to me how your coding knowledge has evolved a lot.

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

      hey brother i just cloned the food ordering app and when i login using email and password the logout button doesnt appear any idea what im missing out?

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

      @@_ab1ix try and add:
      session: {
      strategy: 'jwt',
      },
      to authOptions

  • @tanawatjinda6408
    @tanawatjinda6408 ปีที่แล้ว +57

    It's really good content but it still has 2 problem in ADMIN part
    - when you editing product and choose "No parent category" and save it. That product still hold its old category.
    - when you creating category without parent category you will found database issue.
    It's take me 3 hours to slove this!! because I am newbie in this
    1. products.js (api) in POST and PUT method , there is object and just change
    category
    to
    category: category || null
    2. categories.js (api) in POST and PUT method , there is object and just change
    parent: parentCategory || undefined
    to
    parent: parentCategory || null
    that's it.
    sry for my bad english.
    ps. thank you for your super useful content.

  • @kelvinkirwa4887
    @kelvinkirwa4887 ปีที่แล้ว +39

    this is the true definition of what being a tutor means , what an amazing tutorial , just do te the machine learning part of it .

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

      Thank you! ☺️

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

      @@CodingWithDawid have u made any food delivery website.

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

      @@CodingWithDawid i want to use INR symbol in price in place of USD , but i am unable to find the USD symbol code where can i find it ?

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

      ​@@sting_27 7:58:36

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

      ​@@sting_27 $ before the {price}

  • @syntheticquimera6642
    @syntheticquimera6642 ปีที่แล้ว +28

    Honestly it is one of the most complete projects on youtube. I am interested in the 22-hour version, I wonder what else it offers. I hope to see another project soon with the new NEXTJS.💪

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

    Your course even has a default discount based on the cost of living. Hats off to you, sir! Thank you!

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

      Can you please send me the attributes of .env file please? can you send me by hiding your secrets?

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

      @@Hasmath_Dev Hi, Im getting an error "Error: Cannot read properties of undefined (reading 'session')" while doin admin authentication at 18:12, please help , thanks.

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

      Hi, Im getting an error "Error: Cannot read properties of undefined (reading 'session')" while doin admin authentication at 18:12, please help , thanks.

  • @investmentlogic229
    @investmentlogic229 17 วันที่ผ่านมา

    Thank you for this very valuable lesson. What I really appreciated was the correction of mistakes instead of just copy-pasting like others do. It shows that we all make mistakes and correct them as we go along

  • @andrescastro7551
    @andrescastro7551 ปีที่แล้ว +16

    This is amazing. I am incredibly grateful for the effort you placed into this project. Almost 3 hours in and have already learned a lot. It's so good I just bought the extended edition. Keep it up bro!!. Greetings from Costa Rica.

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

      hello sir can i ask about the version you are using in nextjs? thankyou

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

      @@leguizbsit3162 Hello! If you are asking me, its Next v13.4.1

    • @Cloud-of2cg
      @Cloud-of2cg ปีที่แล้ว

      hello Castro, i can't deploy project because sweetalert2 ^0.5.2 imcompatible with react-dom ^18.2.0 . what should i do sir ?

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

      ​@@andrescastro7551pls how did go about your google auth.

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

      @@Ikram-Hussain Webstorm

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

    Amazing my dear friend. Never saw someone who is doing this much clear and pure, fully functional web developments like this.

  • @willowPAPA
    @willowPAPA ปีที่แล้ว +12

    Although it's nearly 12 hours, it's a good pace, and easier to follow than other tutorials. Keep up the good work :)

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

    I just bought the course for 9$. I did it as a support for your dedicated work, which really helped me in the past. Thank you!

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

      I thought it is 19 us dollars

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

      @@ziynnyiylai6566 No! I bought it when it was 9

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

      can i buy it from you? because i still cant buy the full course

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

      @@stephinthathyuse1457 I used MasterCard too but it worked just fine. Make sure the masterCard works

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

      @@stephinthathyuse1457 me too.. i cant buy it

  • @arisudana3672
    @arisudana3672 ปีที่แล้ว +4

    I feel like sometimes he's purposely making mistakes for educational purpose. If that's really the case then he's a godlike teacher, because those are really helpful for learning.

    • @CodingWithDawid
      @CodingWithDawid  ปีที่แล้ว +4

      Well.. some of them are madr on purpose. Others are not 😅

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

      Really Really loving your teaching style ...Hatss off

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

    This is the best project on TH-cam and it's free. Thank you so much Dawid for allowing us to mine Gold, again for free.

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

    thank you so much Dawid i used all the learning from this video to make an E-LEARNING website from on my own from scratch and it was a success i am grateful to have you and this video taught me a lot thank you again.

  • @animeflexx1469
    @animeflexx1469 ปีที่แล้ว +6

    I have all of his extended video lectures downloaded.... amazing work man!
    If anyone wants who can't afford to buy...then tell me.

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

    finally finished it , it took me 1.5 month but i m happy to finished it. Thanks to you dawid.

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

      Can you please guide me regarding installation of softwares, further which software we need to install for this project

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

      Had issues anywhere while building this project?

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

      Congrats! 🎉
      Can you share a link with the final result?

  • @abubalo
    @abubalo ปีที่แล้ว +4

    Thank you, sir. You went hard on this.

  • @evan.barnes
    @evan.barnes ปีที่แล้ว +1

    This is great, I like that sometimes it doesn't work on the first try so we can go through your process of debugging.

  • @reaperhound1699
    @reaperhound1699 ปีที่แล้ว +12

    For anyone struggling with the Products Schema part at 01:16:00 something
    change ;
    /lib/mongoose
    import mongoose from "mongoose";
    export function mongooseConnect() {
    const uri = process.env.MONGODB_URI;
    return mongoose.connect(uri);
    }
    change at /products/page.js
    const productDoc = await mongoose.model("Product").create({
    title,
    description,
    price,
    });
    and /models/Product.js
    // import { Schema, model, models } from "mongoose"
    const { Schema, default: mongoose } = require("mongoose");
    const ProductSchema = new Schema({
    title: {type: String, required: true},
    description: String,
    price: {type: Number, required: true},
    })
    export default mongoose.models.Product ||
    mongoose.model("Product", ProductSchema);

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

      i have problems, helpme pls

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

      @@beckone6064
      import { Product } from '@/app/models/Product';
      import { mongooseConnect } from '@/lib/mongoose';
      import { NextResponse } from 'next/server';
      export async function POST(request, response) {
      try {
      await mongooseConnect();
      const { title, description, price } = await request.json();
      console.log(title, description, price);
      const productDoc = await Product.create({
      title,
      description,
      price
      });
      const res = {
      success: true,
      message: 'Product created successfully',
      data: productDoc
      };
      return NextResponse.json(res);
      } catch (error) {
      return NextResponse.error(error);
      }
      }

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

      I'm stuck on this as well. Any way you could post the files because I can't seem to get this work even after the edits you suggested.

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

      there's a small issue in your code: you've defined the schema as ModelSchema but used ProductSchema when creating the model.

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

      @@roshanakthar6421 hey man ..im stuck at this one also ..(from the video i think he skipp some steps (cut the video) and our code doesnt work when test ....also neighter of this versions that people give here don't work .... i am getting this error
      ev.preventDefault();
      11 | const data = { title, description, price };
      > 12 | await axios.post("/api/products", data);
      | ^
      13 | }
      14 |
      15 | return (
      ...i rechecked over and over on that axios.post and all code is exactly like in the video ....i don;t know how the problem can be solved
      also the /models/Product.js code i have
      import { model, Schema } from "mongoose";
      const ProductSchema = new Schema({
      title: { type: String, required: true },
      description: String,
      price: { type: Number, required: true },
      });
      export const Product = model("Product", ProductSchema);
      is the one from the video

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

    Brooo, thanks a lot for the content. I'm referring to the Extended one by the way, you should all go purchase it, it was the personally in my top 5 best purchases of last year. Happy coding y'all

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

      Bro after purchasing can we get the full source code of this project??

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

      @@sonalwagal844 Yah, 100%. N' I can assure you, you'll appreciate it. I remember all the source code was there, u just had to installed the dependencies again which is easy

  • @BrutalInsights
    @BrutalInsights ปีที่แล้ว +4

    amazing stuff , can't wait for what you have in store next. maybe a barbershop scheduling fullstack app? anyways, thank so much for what you do.

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

    I’m yet to watch this video but I know he doesn’t fail or under delivers, he’s always on point

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

    Those who are getting error at 2:39:00 .. Please remove the Double quotation marks " " in S3_SECRET_ACCESS_KEY.
    It worked for me!

    • @43_priyanshu37
      @43_priyanshu37 ปีที่แล้ว

      from env file ??
      because after removing from the env file i am still getting error
      my error is UnsupportedMediaTypeError: missing content-type header

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

      ​@@43_priyanshu37Yes. Can you show me your code?

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

      @@stephinthathyuse1457 ​did you get the unsupported media type error? how did you fix it?

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

      which accesskey use For your project ?? your private or video AccessKey ??

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

    Hi sir , your tutorials really help me a lot. Please share the 2nd part as well on TH-cam 🙏🏻

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

      what is 2nd part? this video doesn't done yet?

    • @AB-yq6fw
      @AB-yq6fw ปีที่แล้ว +1

      @@lulungsatrioprayuda9931 he have but for money )

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

      @@AB-yq6fw i see okay thanks for the information mate

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

      Hi, Im getting an error "Error: Cannot read properties of undefined (reading 'session')" while doin admin authentication at 18:12, please help , thanks.

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

    2hours in.. But before I continue, just wanna say a big thank you. This is very helpful...I wish i found it sooner.

  • @TalYaakov-hu2uc
    @TalYaakov-hu2uc ปีที่แล้ว +4

    Hey Dawid, looks great! I would like to buy the extended version, can u show what else included in it with a demo or something?

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

    Thank you so much. I haven't taken the course yet but I already saw what you do. It's an excellent job. I'm going to buy it completely, it's the least I can do to thank you for your work.

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

    Thank you man, this is what i was looking for, the only project we can call e-commerce

  • @FahadKiani1
    @FahadKiani1 ปีที่แล้ว +6

    this is fantastic, great work - my question is: how much of a benefit would it be to use a CMS for the backend over building it custom? Would you open to making a part 2 with Sanity, Airtable or HyGrapgh?

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

      Curious about this, too, especially Sanity.

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

    Complete el proyecto hasta donde termino el video, voy a tratar de terminarlo por mi cuenta, estuvo genial, gracias Coding With Dawid aprendi bastante

  • @Franjabube
    @Franjabube ปีที่แล้ว +4

    My god! Eres un GENIO ! Muchas muchas gracias !! Me sirvió muchísimo para entender desde cero como encarar un proyecto de este tipo, y además utilizando un stack BUENISÍMO de tecnologías, te adoro!

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

    thanks brother we need this type of content an teacher awesome teaching style 🙏🙏

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

    login with nextauth and google providers was fine until the mongodb adapter part, when i logging in it says that try to sign in with different account, and the url is something like auth/error/callback
    help please, anyone?

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

      they should include all the necessary versions we need to install all the required dependencies in the app to prevent errors

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

      @difaz2292 heey i was struggling with the issue for more than 6 hours, finally i found the problem, just remove in between your mongodb password

    • @АлексейРостовский-г7ц
      @АлексейРостовский-г7ц 4 หลายเดือนก่อน

      Had the same error. Turned out the problem is that I used vpn in my browser because I’m from Russia and mongodb is not available in my country. Without vpn it doesn’t seem to work. If that’s your case , you would have to find any way to get around this vpn thing. For example using tor browser and installing other programms

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

      Hi, pls can you tell what editor he used in creating this project 😊

  • @SirajAhmed-kz3gq
    @SirajAhmed-kz3gq 13 วันที่ผ่านมา

    Thanks for providing such amazing content! Your work is truly appreciated. 😊😊😊😊

  • @user-ej7rx1nx6q
    @user-ej7rx1nx6q ปีที่แล้ว +3

    It would be nice to add the ability to create new attributes for different products. Also can you add a multivendor marketplace capabilities? 😅

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

    Best course on youtube ❤

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

      Thanks! That means a lot to me! ☺️

  • @chrisw.1252
    @chrisw.1252 ปีที่แล้ว +65

    bro why do you use this editor? When trying to following along, sometimes it can be hard to tell which file you're in. Why not use VS Code like everyone else?

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

      Learn vim.. also he made a 12 hour tutorial and you’re mad about not being able to navigate the directory? Just take a second and pause the video if you get lost.
      Thanks for the awesome vid Dawid 👍🏼

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

      @@1vEverybody bro welcome to the party, I posted this comment four months ago.

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

      ​@@chrisw.1252😭😭😭😭

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

      This editor name please

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

      @@vk_king_18It’s called Zed (only available for mac)

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

    This is Insane bro

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

    hi. on the 2.38.58 min my error is ===>
    const form = new multiparty.Form();
    14 | const { fields, files } = await new Promise((resolve, reject) => {
    > 15 | form.parse(req, (err, fields, files) => {
    | ^
    16 | if (err) reject(err);
    17 | resolve({ fields, files });
    18 | console.log(err);
    (How can i resolve this error)
    error - Error [UnsupportedMediaTypeError]: missing content-type header

    • @user-wm7dn6eg7l
      @user-wm7dn6eg7l ปีที่แล้ว

      I have the same problem

    • @43_priyanshu37
      @43_priyanshu37 ปีที่แล้ว

      @@user-wm7dn6eg7l bro did u get the solution for this because i have same error and i am stuck on it from last 2 hours

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

    this is fantastic, great teacher again found in youtube. uff i can't wait to finish the project. carry on for other mern project

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

    Could you deploy it on vercel so that we can see the full functionality.

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

    I'm commenting and hitting the like button, just because you created a free 12H video teaching people a skill !

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

    3:46:41 Error Creating Parent Category!
    because option value for no category is 0 which when passed as parentCategory gives error in api,
    to solve I have modified the saveCategory function:
    async function saveCategory(ev) {
    ev.preventDefault();
    const data = { name };
    if (parentCategory !== "0") {
    data.parentCategory = parentCategory;
    }
    if (editedCat) {
    data._id = editedCat._id;
    await axios.put("/api/categories", data);
    setEditedCat(null);
    } else {
    await axios.post("/api/categories", data);
    }
    setName("");
    fetchCategories();
    }

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

    I learnt alot from your project as being a fresher i suggest this is best project for everyone to start with thaks a lot keep it up.....

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

    This tutorial looks insane cant wait to get budling this !!

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

    What a beast tutorial! this video will get over a million views, i guarantee it!

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

    This is the best thing I ever see in my life

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

    Thank you sooo much for this. Just purchased the extended version.

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

      Hi @bryansomto I'm stucked with uploading images. Please can you share yours?

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

    Dawid you are the man!!!! Greetings from Argentina!

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

    Wish I could like this video a billion times. Incredible

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

    Was waiting for this from a long time, thank you

  • @jhe-jhe4297
    @jhe-jhe4297 11 หลายเดือนก่อน

    Newbie subs and I am completely beginner and i learned a lot. Thank you sir and God bless🙏

  • @user-tx9bg5bo6p
    @user-tx9bg5bo6p ปีที่แล้ว

    I just followed this whole video
    This is such a great video, thank you for making this video.
    I'm going to try following your app router too.
    thank you again

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

    Just purchased premium version. I do this rarely, but this time it definitely worth it! 🔥🔥🔥

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

      have you bought the extended version ?

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

      @@pj2464 As far as I remember yes

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

    I decided to take the time to follow the entire tutorial and I'm glad I did, I learned a lot some things I didn't even know before. You are really good a explaining what you are doing and your general workflow is easy to understand and work along with.

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

      You did from VS code ?

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

      @@mkseries3035 i do that on visual code right now and im already stuck at 1:16:00 ....plus milion stucks on the way within this long hour that toke me 2 days for 1 hour :)))))) and now im stuck again :)))))))))) ...is skipping alot parts and plus he don;t show the pages that is in you have to figure out and is jumping fast from page to page..... plus that is got alot extensoiions enabled that we don;t have and he didnt show them on start ..... so yea ....

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

      @@MaxStudioCG2023 🫠

  • @user-dg7xg9ru5e
    @user-dg7xg9ru5e 2 หลายเดือนก่อน

    bro this is sooo goood build from 0 to finish described well thanks

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

    DEMO looks good. I'll start learning from today.

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

    This is beautiful project. Thank you!

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

    Awesome!
    Please expain how to deploy backend and frontend with docker!

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

    Ok thank you Dawid as Develoeper I love this kind of projects (I added paypal it was harder than stripe still taking out some bugs), I finished today, so follow you along in your website to add the other features, this is a refresh for me for all react components have a good one.

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

      glad to head you completed it and that you even managed to implement different payment processing! good job!

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

      @@CodingWithDawid Yeah, Dawid still working on it, this project will help do another kind of stuff for backend development, you are a great developer, and already bought your project too really great!!!

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

      Can you contact me via email or discord? @lance3401

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

    FYI to everyone who's following this awesome tutorial, this not nextjs version 13.

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

    Awesome course bro!! Please can you also provide a video for how to deploy this Ecommerce project onto any "Free" platform?

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

    cool dude showing detailed train of thought. learned a lot with this guy, component reuse, refactoring, and debugging. however, some api logics should be addressed. such as when setting parent category, a user might set to the current category itself, then property logic might have infinit loops. he probably covered this issue in advanced tutorials. I guess.

  • @MAA-op4gw
    @MAA-op4gw หลายเดือนก่อน

    Excuse me, sir.
    I believe you dropped this 👑

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

    this is the only tutorial i need. Thanks

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

    1:44:30 Nice explanation! Amazing tutorial, thanks
    This project is so big and well done, thanks for sharing

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

      Hi, Im getting an error "Error: Cannot read properties of undefined (reading 'session')" while doing admin authentication at 18:12 in layout.js file,Im using next js 13 please help , thanks.

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

      I'm facing axios errors why?

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

      @@joshuayevu hey ..did you fix that ? ..im dowing this course now and im stuck at 1:16:00 when try testing and i get axios error

  • @user-ot5gr7ch5l
    @user-ot5gr7ch5l ปีที่แล้ว +1

    I love your teaching style... I don't know how to thanks to you 😭😭😭😭😭 thank you so much.....
    I laugh out when I see this 2:18:04 kkkkk

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

    I can't wait to do this project. You always go overboard 🔥🔥

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

    I'm in VN , thanks for your videos - it helps me a lot 😍

    • @user-nr5rg7rq6p
      @user-nr5rg7rq6p 8 หลายเดือนก่อน

      bro u getting any errors

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

    this is a fire build, bro you just earned another subscriber. 🔥🔥🔥🔥

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

    Amazing.. looking forward to more fullstacks projects

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

    This is amazing, you’re such a legend for real, but u forgot to setup like functionality

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

    Thank you for providing awesome knowledge for free.

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

      Can you please send me the attributes of .env file please? can you send me by hiding your secrets?

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

    One of the legends on the internet 🚀🚀

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

    I had completeted this full course really liked it a lot

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

      hey man ...im stuck at 1:16:00 ....where we did that models/Product.js ...and when test it with the new mongoose connection i get error ..but is something about the axios ...
      ev.preventDefault();
      11 | const data = { title, description, price };
      > 12 | await axios.post("/api/products", data);
      | ^
      13 | }
      14 |
      15 | return (
      i rechecked milion times and all seems exactly like in the video ...(but mabe he skipped some few code when he cut the video) ...im realy a noob starter so i can;t find a fix for this
      any help ?

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

    Before I start watching the video, is it possible to answer my question:
    How many products can we put on this site?

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

    I appreciate your amazing projects

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

    How to solve this issue in frontend?
    Warning: Prop `className` did not match. Server: "sc-fsgRBx cBwJHK" Client: "sc-ewnqHT fIwDhh"
    at a
    at LinkComponent (webpack-internal:///./node_modules/next/dist/client/link.js:104:19)
    at O (webpack-internal:///./node_modules/styled-components/dist/styled-components.browser.esm.js:31:19792)
    at div
    at O (webpack-internal:///./node_modules/styled-components/dist/styled-components.browser.esm.js:31:19792)
    at div
    at O (webpack-internal:///./node_modules/styled-components/dist/styled-components.browser.esm.js:31:19792)
    at Center (webpack-internal:///./components/Center.js:24:11)
    at header
    at O (webpack-internal:///./node_modules/styled-components/dist/styled-components.browser.esm.js:31:19792)
    at Header (webpack-internal:///./components/Header.js:107:80)
    at div
    at HomePage (webpack-internal:///./pages/index.js:17:11)
    at CartContextProvider (webpack-internal:///./components/CartContext.js:15:11)
    at SessionProvider (webpack-internal:///./node_modules/next-auth/react/index.js:455:24)
    at App (webpack-internal:///./pages/_app.js:29:11)
    at PathnameContextProviderAdapter (webpack-internal:///./node_modules/next/dist/shared/lib/router/adapters.js:74:11)
    at ErrorBoundary (webpack-internal:///./node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:303:63)
    at ReactDevOverlay (webpack-internal:///./node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:852:919)
    at Container (webpack-internal:///./node_modules/next/dist/client/index.js:77:1)
    at AppContainer (webpack-internal:///./node_modules/next/dist/client/index.js:181:11)
    at Root (webpack-internal:///./node_modules/next/dist/client/index.js:360:11)
    See more info here: nextjs.org/docs/messages/react-hydration-error

  • @user-qc7lr8vi5i
    @user-qc7lr8vi5i ปีที่แล้ว

    this was fantastic man, great work

  • @DarianGunawan-ry4fj
    @DarianGunawan-ry4fj ปีที่แล้ว +2

    It was all working fine until the logout part, I made it and logged out, only to find a static white screen and now I can't log back in, I tried looking back to see if I written something wrong but I can't seem to fix it, any help?

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

    best course i ever found

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

    This is my third day doing building this e-commerce. I have done 2:25 hours of the video in about 20 hours of work xD

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

      Did you have any problem with the products table style ? I can't figure out why the styles doesn't apply, neither in the table, or in the :focus of the inputs ... the others styles are okey :S .

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

    Thank you so much sir, i would definitely recommend this to my friends 😊

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

    anna ni valla naku 40 k projects ochinai thank you -vattttttakaliu

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

      please guide me bro 😭

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

    After searching a lot of projects finally I got a best full stack project for my resume thx a lot man. ❤❤❤❤❤❤

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

    BEST PROJECT ON YOU TUBE

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

    greatly appreciate these video Dawid thanks!!

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

    10/10 tutorial, nice work brother

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

    Desde Colombia, gracias por tus tutoriales. Un crack

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

    Just finished the entire thing 🎉…made mine a cloth store and learned/used paystack instead of stripe for payment…wish you add the part two on here also for free😅

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

      Congrats! Dare to share a link?
      I understand that releasing the extended version for free would be nice but by getting few dollars from it helps me allocate more time to youtube

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

      @@CodingWithDawid literally just paid for part 2 so I don’t have a link to send till I’m done lol… I hope you fix the category option in this one cause I noticed you made categories fixed like a Mac book can only have one size storage GB and color. It should be that iPhones in a store can have different size storage GB and color… in my case with the cloths a single cloth can have sizes of S,M,l,XL,XXL

    • @Devbello.
      @Devbello. ปีที่แล้ว

      Hey! You care to help a brother out?

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

      How did you go about the google auth

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

      Hello how did you use paystack

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

    I'm having the error Error: [next-auth]: `useSession` must be wrapped in a
    I need to mention that my folder structure does not include pages due to the installation maybe being a newer version of next.
    I cannot solve this error even after checking stackoverflow and using "use client" at the top of the main JS file which has the button etc, where you placed useSession. What would be the solution ?

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

      same!!!
      i think this guy have old version of next js (13 i think so ) and we have next js 14 and in 14 i think many things changed so I'm also stuck at this point if you have any idea please help me also :)

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

    Please help me, I followed the instructions to the letter, but I'm still getting an error. I stopped at 1.15 and followed the steps exactly as shown in the video, but I keep getting an AxiosError with a status code of 500.

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

      Still need assistance?

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

    my nextjs doesnt have pages folder, instead it has app folder. how should i put the auth file?

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

    Bro you are the best, but please help me out with this new fetch data that doesnt suppot styled components couse you need to make it cliente, what can we do