Hello folks! welcome back to a new section of our tutorial on Next.js. In this tutorial, we will discuss about Next.js API MiddleWares.
API Routes have built-in middlewares which helps in parsing the incoming request.
Following below are the middlewares -
API Routes have built-in middlewares which helps in parsing the incoming request.
Following below are the middlewares -
- req.cookies - cookies object contains the cookies that is sent by the request. Default value is {}.
- req.query - query object contains the query string. Default value is {}.
- req.body - query object contains the request body parsed using 'content-type'. Default value is null.
Example
Let's create an example to demonstrate the same.
In this example, we will update a user.js file in pages/api directory.
Let us update the nextjs project which was used API Routes tutorial.
Create an user.js file in pages/api directory using the following content -
In this example, we will update a user.js file in pages/api directory.
Let us update the nextjs project which was used API Routes tutorial.
Create an user.js file in pages/api directory using the following content -
export default (req, res) => { res.statusCode = 200 res.setHeader('Content-Type', 'application/json') res.end(JSON.stringify({ query: req.query })) }
Start Next.js Server
Run the following command below to start the server -
npm run dev > nextjs@1.0.0 dev D:\Node\nextjs > next ready - started server on http://localhost:3000 info - Loaded env from D:\Node\nextjs\.env.local event - compiled successfully event - build page: /api/user wait - compiling... event - compiled successfully event - build page: /next/dist/pages/_error wait - compiling... event - compiled successfully
Output
Open localhost:3000/api/user?counter=1 in a browser to see the following result -
{"query":{"counter":"1"}}
READ: Next.js | Routing
Alright guys! This is where we are going to be rounding up for this tutorial. In our next tutorial, we are going to be studying about Next.js Response Helpers.
Feel free to ask your questions where necessary and we will attend to them as soon as possible. If this tutorial was helpful to you, you can use the share button to share this tutorial.
Follow us on our various social media platforms to stay updated with our latest tutorials. You can also subscribe to our newsletter in order to get our tutorials delivered directly to your emails.
Thanks for reading and bye for now.
Feel free to ask your questions where necessary and we will attend to them as soon as possible. If this tutorial was helpful to you, you can use the share button to share this tutorial.
Follow us on our various social media platforms to stay updated with our latest tutorials. You can also subscribe to our newsletter in order to get our tutorials delivered directly to your emails.
Thanks for reading and bye for now.