Build A Simple CRUD API With Next.js 13 App Router (REST API)

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ต.ค. 2024
  • 📝Note: This Video Is Compatible With Latest Next.JS 14.
    Learn how to Build a REST API with Next.js 13. In this tutorial, we will build a REST API with GET / POST / PUT / DELETE Endpoints.
    You will grasp some concepts of building an API with Next.js 13 app router with dynamic routes and we will use a fake database to learn things.
    After this video you will have a great knowledge of how to build Full Stack Apps With Next.js 13 With API Routes.
    🚩 Subscribe ➜ ‪@IndianCoders‬
    ☕ Buy Me A Coffee ➜ www.buymeacoff...
    👇 Follow Me On Social Media:
    Github: github.com/nik...
    Instagram: indiancoders.in
    www.indiancoders.in

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

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

    Build an AI Chatbot (ChatGPT Clone) With MERN Stack
    th-cam.com/video/PX_YOfEdhRg/w-d-xo.html

    • @romania-n6q
      @romania-n6q 9 หลายเดือนก่อน

      Great content brother subscribed

  • @ayushkathariya
    @ayushkathariya ปีที่แล้ว +10

    make another video on connecting backend and frontend with mongdb database with authentication

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

      Done

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

      also can you make a video connecting next js nextauth to mysql

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

      where’s the video?

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

    Thank you for your very crucial 30-minute tutorial that summarized everything I have struggled with. Well done bro

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

    🎉After this course, if you want to learn Real World API?🎉
    Here's the one with Prisma:
    th-cam.com/video/QQZLAdz3Y-M/w-d-xo.html

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

    legendary guy, cannot believe it's free

  • @orgmatter
    @orgmatter 21 วันที่ผ่านมา

    Why use split() to get the blog id, when using dynamic routing, you could as well just use the next useRouter() hook to get the id right?

    • @IndianCoders
      @IndianCoders  21 วันที่ผ่านมา +1

      Yeah that's also absolutely fine to use, here I was getting complete pathname, sometimes for logging in backend it's very useful

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

    I have next js app v13.4 i am trying these same things but i dont know why the page always shows me unable to handle the request please help me

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

    But my Routes in not working for api only. This working for other files to render but not for api purpose. Please help me to check. My route.ts file path is app\api\blogs
    oute.ts
    When I make postman request, they showing error of 404. I am using typescript in my project.

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

    Love this. Can you do a tutorial on authenticating these endpoints? e.g., How you generate an api key, store it in a database, and validate it on each http request? I haven't found very good resources for this in this specific stack

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

    Bro mongodb local host SE connect kerne Wali video banye..or title description or image kese post KARE GE one click per

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

    Is there a way to error handle just like custom middleware in express? I found next absurd as you always doing try catch on every function ( GET, POST, PUT...) Has anyone know how to efficiently do error handling making sure you DRY

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

    Thank you so much, very well explained

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

    I suggest you its now era of full stack, you must create front end to complete your video.

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

    Please make video with mongodb crud in nextjs13.4

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

      Stay tuned for tonight 🙂 will be published at 8pm

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

      @@IndianCoders waiting

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

      @@IndianCoders waiting

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

    You are a great teacher Brother. Learned a lot more than from the Bigger youtubers 💖 You have gained one subscriber today 😊

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

      Thank you so much brother ❤️

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

    Great after all i am clear now how I can write the nextJs API, thanks bro 🤗🤗

  • @ZUBAIRRAFIQ-v3t
    @ZUBAIRRAFIQ-v3t 8 หลายเดือนก่อน

    amazing and in magnificent way you taught the topic thumbs UP (y)

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

    I am not able to get through route.js it says a response should be returned something

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

    Thanks for this awesome video.

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

    Hey, thank yo so much for this content, congratulation its very clear and useful, best wishes for you and your channel keep the good job! I will be waiting for more!

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

    to the point

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

    Any examples on how to test those API routes with JEST ?

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

    Amazing 🔥🔥🔥🔥🔥

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

    Hi, kindly make video on how to protect our REST API and pass username/password from Postman

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

    thankyou so much my bro, good stuff

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

    Will these apis work after npm run build coz I have created a next app with sqlite database and next js and wrote all the operations in next js pages/api but still those are not working after building to production mode...

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

      Try packaging it with docker In this case. Use Gemini from Google to get the steps

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

    Your teaching style is really impressive. Keep continue making videos.

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

    Thank you so much for this content, it was very clear and useful, best wishes for you and your channel keep the good job! 🤍

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

    great explaination bro
    thank you

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

    thanks bro for the wonderful lesson
    lots of Love from Nepal

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

    Thank you.

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

    thanks for creating this video

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

    I'm looking to build a production web application that consumes an authenticated api with Next.js. The service is a property management system that has an API and I'm trying to build a site that allows the users to make authenticated callouts to it. Can you direct me to a source where I can learn this? Thanks.

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

      In ny course, I have shown how you can add authentication to Nextjs app with google and GitHub service providers.
      You can check it out on our website

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

    Wonderful video, exactly what I was looking for. Huge thanks to you buddy.

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

    This is the best explanation video of next js and app router for api endpoints

  • @aburaihan-py4vi
    @aburaihan-py4vi 9 หลายเดือนก่อน

    Excellent!!!!!

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

    Thanks bro , you are the best

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

    Thanks bro.

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

    please bro, we want to complete the backend and frontend with MongoDB database with authentication full project using Rest API

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

    Thank you!

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

    Thank you for the video! Where is the Github repository for this video? I couldn't find it. Thank you!

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

      GitHub branches

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

    Thank you 🙏