calling GET, POST, DELETE, and PUT request in one next.js api file | Next.js | Page 1

elfin widget Mar 16, 2023, 5:48 AM

#

Hi guys is it possible to call all 4 CRUD methods in one Next.js api file?

stable cliff Mar 16, 2023, 6:41 AM

#

hiii. I've already done that. I only can do GET and DELETE. methods for POST and PUT haven't implemented yet.

#

you can read the guide here https://beta.nextjs.org/docs/routing/route-handlers#dynamic-route-handlers

Routing: Route Handlers | Next.js

Route Handlers are a new way to create custom request handlers for a given route. All HTTP methods are supported, including GET, POST, PUT, PATCH, DELETE, HEAD, and OPTIONS.

#

if you want to POST or UPDATE. you can use GET for a while and pass the data in url params

gilded cargo Mar 16, 2023, 6:45 AM

#

stable cliff hiii. I've already done that. I only can do GET and DELETE. methods for POST and...

POST and PUT work well

#

they were implemented at the same time as GET and DELETE

#

ref https://beta.nextjs.org/docs/routing/route-handlers#supported-http-methods

#

gilded cargo Mar 16, 2023, 6:46 AM

#

elfin widget Hi guys is it possible to call all 4 CRUD methods in one Next.js api file?

what do you mean?

stable cliff Mar 16, 2023, 6:47 AM

#

gilded cargo they were implemented at the same time as GET and DELETE

yes. but you can't send data in request.body

gilded cargo Mar 16, 2023, 6:47 AM

#

stable cliff yes. but you can't send data in request.body

await request.json()

#

you're simply using it wrong

#

please do not spread misinformation

civic iron Mar 16, 2023, 8:39 AM

#

If by that you mean, having one API file with all your calls I think you'd have to make calls to that api based on some conditions

#

and I'm not sure it'd be great to have all your API calls in only one file

cedar spire Mar 16, 2023, 3:12 PM

#

You can have all 4 HTTP request methods inside of one route.tsx file. Make sure to use await request.json() when trying to read the body in the relevant methods

civic iron Mar 16, 2023, 5:34 PM

#

then I guess he should make a switch

#

and have a special property in the body of the request

#

so he can define which is which

gilded cargo Mar 16, 2023, 6:09 PM

#

asks a super unclear question
refuses to elaborate
leaves

#

I still can’t understand what exactly OP is trying to do

civic iron Mar 16, 2023, 6:12 PM

#

I believe he wanted to write 4 calls into one file

#

Like

#

mycalls.ts

fetch1()
fetch2()
fetch3()
fetch4()

stark cargo Mar 22, 2023, 8:35 AM

#

guys i'm trying to use the delete method, how do i get parameters from the url?

let's say my url looks like this /api/something/id, how do i get the id from it? do i have to use the url object?

civic iron Mar 22, 2023, 8:50 AM

#

I think you'd be better of to make a call with a body to the API

#

// calltoapi.js

const mydata = {
     "id": 50
}
fetch("myapi", {
     method: "POST",
     headers: {
        "Content-type": "application/json"
   },
      body: JSON.stringify(mydata)
}

// myapi.js

   // api boiler plate code
 const { id } = req.body

#calling GET, POST, DELETE, and PUT request in one next.js api file