Next.js | API MiddleWares

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 -

• 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 -

export default (req, res) => {
   res.statusCode = 200
   res.setHeader('Content-Type', 'application/json')
   res.end(JSON.stringify({ query: req.query }))
}

READ: Next.js | Imperative Routing

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.