Next.js 13 Full Stack E-commerce App #2 | Connect to DB, Setup Tailwind, New Product

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

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

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

    Fix Next-Connect Error:
    th-cam.com/video/eiVBV2fW-aA/w-d-xo.html

  • @programadorCarioca
    @programadorCarioca 15 วันที่ผ่านมา

    Class two finished 👍
    I had a problem with importing NextConnect, I'm still solving it.
    As I'm using TypeScrit, I'm adapting the code.
    Thank you master.

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

    why you used pages, instead of app route

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

    Sir, why don't you used app router. You've just made this 4months ago.

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

    thanks alot mr.abbas ,please add more explaintion for what you doing

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

    Please use typescript to pro, js..., how about protected route ?

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

      We will protect routes in upcoming videos.

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

      @@codingwithabbas today, expected

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

    i didnt get a page folder(the folder which index file is there) as yours when creating, can i make one manually

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

    I am loving this course. But if there would be a seprate model for category, to crud categories. Because like this it's not much flexible we have to edit code each time to add a new category or edit is not possible or deleting a category.

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

      Hi Crevil,
      You can add that, create crud routes for category, I hope you can do that.

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

    api/products show 404

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

    Why next-connect is not working now?

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

    it is saying handler = nc() doesnt work because nc is not a function???

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

    amazing work,,please speak up a little bit in the next tutorials...good work

  • @dineshbuddy-nf1np
    @dineshbuddy-nf1np ปีที่แล้ว

    hi abbas could you help me out from this erorr "success": false,
    "error": {
    "statusCode": 500,
    "message": "Operation `products.insertOne()` buffering timed out after 10000ms"
    },
    "message": "Operation `products.insertOne()` buffering timed out after 10000ms" pls

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

    thrwoing error dup;icate pages comig
    page.jsx

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

    does this project include server components?

  • @shakil-the-coding-monster
    @shakil-the-coding-monster ปีที่แล้ว

    Can not figure out why two page.js file in app directory?

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

    Please also add deployment video after you finish this project please

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

      Dear I will upload 2 Videos a week, so everyone have time to understand a implement.

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

    hello assalam o alikum muje kall se issue a raha tha next connect nahi chall raha tha me nay next connect ka version change kia to ye chall perha plz give up matt krna bass ye masla a raha tah

  • @Clix-k9j
    @Clix-k9j ปีที่แล้ว

    - error Detected default export in 'C:\Users\Clinton\Desktop\full-stack\cliente\src\app\api\products
    oute.js'. Export a named export for each HTTP method instead 😔😔

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

      Hi Clix, when did you get this error?

    • @Clix-k9j
      @Clix-k9j ปีที่แล้ว

      ​@@codingwithabbas Could you please help me ? I do the post method, if it is connected to the database but the data does not arrive

    • @Clix-k9j
      @Clix-k9j ปีที่แล้ว

      @@codingwithabbas my erro-> Connected to MongoDB
      - error unhandledRejection: Error [MongooseServerSelectionError]: connect ECONNREFUSED ::1:27017

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

    hi Abbas, i guess lot of user are getting error because of nc() is next-connect got any update ??

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

      Watch this Video:
      th-cam.com/video/eiVBV2fW-aA/w-d-xo.html

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

    i was excited for this project. but, first your need to know more than basics for mongodb, lets be honest about it. this is the first time i work on db & backhand and i literally spend an whole day trying to understand mongo, connection etc.. and eventually i continued to get error of 404 for the api page. (meanwhile in next 13, api is in app and route is the file. both ways i can not correct my error).also my time is so precious i have decided not to loose it here anymore. maybe in the future i'll try again when i have more idea about backend, creating your own data etc.. let me tell beforehand that this is not an entrance project if you don't know backend!

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

      Hi,
      API in pages directory will still work fine in next 13.2

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

      @@codingwithabbas i tried both ways. 404 constantly. Maybe when i have more knowledge in the future i may find what is wrong. Right now i have to skip.

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

      Do you get 404 route not found error?

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

      @@codingwithabbas yes.

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

    Hi bro, I don't understand where you connect MongoDB, I still have questions after watching the video, I got an error when I went to the test step on postman

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

      Can you share the error?

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

      @@codingwithabbas i fixed it bro, i changed the mongDB connection to my own, hope you do a series on nextjs typescript for newbies like me, thanks sir 😂😂

    • @АндрійБунін
      @АндрійБунін ปีที่แล้ว +3

      @@codingwithabbas I got an error when do test in postman. Error: Operation `products.insertOne()` buffering timed out after 10000ms

    • @dineshbuddy-nf1np
      @dineshbuddy-nf1np ปีที่แล้ว

      @@АндрійБунін i got same erorr "success": false,
      "error": {
      "statusCode": 500,
      "message": "Operation `products.insertOne()` buffering timed out after 10000ms"
      },
      "message": "Operation `products.insertOne()` buffering timed out after 10000ms", did u got any fixes

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

    I got an eeror from next-connect nc() function and I kind of fixed that. But now I have different error: Resolver is not a function

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

      I'm so sad to stoppping this tutorial. I wanted learn a lot from here. I hope in the future you can make project that uses only front-end tools

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

      It might occur due to incorrect syntax, can you share the code where you have used the next connect.

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

      please how did u fixed the error related to nc() ?

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

      plz change the version of next connect

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

      @@FedwaMhamdi plz change the version of next connect

  • @MDRakib-wi4mj
    @MDRakib-wi4mj ปีที่แล้ว

    Can you please help me ? I cant continue the tutorial due to post data error in postman, also showing error for nc().

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

      did u found a solution?

    • @MDRakib-wi4mj
      @MDRakib-wi4mj ปีที่แล้ว

      @@FedwaMhamdi nope😪

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

      Watch this Video:
      th-cam.com/video/eiVBV2fW-aA/w-d-xo.html

  • @MDRakib-wi4mj
    @MDRakib-wi4mj ปีที่แล้ว

    sir, in next.js13.4 I can't post a request for the data... I tried but its not working.. what can I do now?

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

      Can you share the error?

    • @MDRakib-wi4mj
      @MDRakib-wi4mj ปีที่แล้ว

      @@codingwithabbas how can i share with you? Everything is similar with your code, but in postmam when i post request the data its show error

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

      @@MDRakib-wi4mj same bro

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

    postman says:
    {
    "success": false,
    "error": {
    "statusCode": 500,
    "message": "body is not defined"
    },
    "message": "body is not defined"
    }

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

      OMG
      my error was here const product = await Product.create(req.body)
      instead of req.body (dot) i've written req,body (comma)

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

    Nice tutorial but this is not for beginners. I suggest that you should have explained more while coding...

  • @shakil-the-coding-monster
    @shakil-the-coding-monster ปีที่แล้ว

    Your next connect does not work.

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

      Watch this Video:
      th-cam.com/video/eiVBV2fW-aA/w-d-xo.html

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

    sir i am facing this issue
    next_connect__WEBPACK_IMPORTED_MODULE_0___default(...) is not a function
    at eval (webpack-internal:///(api)/./pages/api/products/index.js:15:68) {
    digest: undefined
    }
    timestamps 17:05

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

      hi i am also getting the same error did u find solution ?

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

      @@amrindersingh5277
      import dbConnect from '@/server/config/dbConnect';
      import { getProducts, newProduct } from '@/server/controllers/productControllers';
      export default async function handler(req, res) {
      try {
      dbConnect();
      await getProducts(req, res);
      await newProduct(req, res);
      }
      catch (error) {
      res.status(500).json({ error: 'Server error' });
      }
      } There is no need of next-connect package in next js 13

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

      Watch this Video:
      th-cam.com/video/eiVBV2fW-aA/w-d-xo.html

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

    thanks sir, please make project in hindi or urdu language..

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

    You were simply giving a commentary and not teaching.

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

    Sir if possible kindly use dynamo DB with Next js series highly useful to every developer currently on youtube not available dynamo DB with Next js series.

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

    I am facing a problem while making a post request to save the product in the db. the problem is "The top-level-await experiment is not enabled (set experiments.topLevelAwait: true to enabled it)" Plz help to rectify the problem. @Coding With Abbas

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

    i am facing this error
    error - unhandledRejection: Error [MongooseServerSelectionError]: connect ECONNREFUSED ::1:27017
    at _handleConnectionErrors (D:\E-commerce
    exte-commerce
    ode_modules\mongoose\lib\connection.js:755:11)
    at NativeConnection.openUri (D:\E-commerce
    exte-commerce
    ode_modules\mongoose\lib\connection.js:730:11) {
    digest: undefined
    }
    does anyone know how to resolve it

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

      Have you installed mongodb community server on your computer?

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

      bahi next connet ka version cahnge kro current version nahi chall raha

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

    node:events:491
    throw er; // Unhandled 'error' event
    ^
    Error: EPERM: operation not permitted, open 'D:
    ext-app\e-comm\my-app\.next\trace'
    Emitted 'error' event on WriteStream instance at:
    at emitErrorNT (node:internal/streams/destroy:151:8)
    at emitErrorCloseNT (node:internal/streams/destroy:116:3)
    at process.processTicksAndRejections (node:internal/process/task_queues:82:21) {
    errno: -4048,
    code: 'EPERM',
    syscall: 'open',
    path: 'D:\
    ext-app\\e-comm\\my-app\\.next\\trace'
    }

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

    error - unhandledRejection: MongooseServerSelectionError: connect ECONNREFUSED ::1:27017 I´m getting this error
    when I taste localhost:3000/api/products on postman