Why Response handling in NestJS? - Purpose & Use Cases

The Big Idea

Discover how NestJS response handling saves you from messy, error-filled server replies!

The Scenario

Imagine building a web server that sends back data to users. You write code to manually set HTTP status codes, headers, and format the response body for every request.

For example, you have to write separate code to send JSON, handle errors, and set cookies each time.

The Problem

Manually managing responses is tiring and error-prone. You might forget to set the right status code or send inconsistent data formats.

This leads to bugs, security issues, and a poor user experience because clients get unexpected or broken responses.

The Solution

Response handling in NestJS provides a clean, consistent way to manage what your server sends back.

It lets you easily set status codes, headers, and response bodies using decorators and helper methods, so your code stays simple and reliable.

Before vs After

✗ Before

res.status(200).json({ message: 'Success' });

✓ After

@Get()
getData() {
  return { message: 'Success' };
}

What It Enables

It enables you to focus on your app logic while NestJS takes care of sending correct, consistent responses to clients.

Real Life Example

When building an API for a shopping app, response handling ensures customers always get clear success or error messages, improving their experience and trust.

Key Takeaways

Manual response code is repetitive and risky.

NestJS response handling simplifies and standardizes replies.

This leads to cleaner code and better user experiences.

Practice

1. In NestJS, what is the primary purpose of using the @Res() decorator in a controller method?

easy

A. To define a route path for the controller method

B. To inject a service into the controller

C. To access and customize the HTTP response object directly

D. To automatically serialize the response data

Solution

1. Step 1: Understand the role of @Res()

   The @Res() decorator gives direct access to the HTTP response object, allowing full control over the response.

2. Step 2: Differentiate from other decorators

   Other decorators like @Inject() inject services, and route decorators define paths, but @Res() is specifically for response handling.

3. Final Answer:

   To access and customize the HTTP response object directly -> Option C

4. Quick Check:

   @Res() = direct response control [OK]

Hint: Remember: @Res() means direct response access [OK]

Common Mistakes:

• Confusing @Res() with service injection
• Thinking @Res() defines routes
• Assuming @Res() auto-serializes data

2. Which of the following is the correct way to set a 201 status code and send a JSON response using @Res() in NestJS?

easy

A. res.status(201).json({ message: 'Created' });

B. res.sendStatus(201).json({ message: 'Created' });

C. res.json(201, { message: 'Created' });

D. res.statusCode(201).send({ message: 'Created' });

Solution

1. Step 1: Recall Express response methods

   In NestJS, @Res() uses Express response methods. The correct way to set status and send JSON is res.status(201).json(...).

2. Step 2: Identify incorrect method usage

   sendStatus sends status and ends response, so chaining .json() is invalid. res.json(201, ...) and res.statusCode(201) are not valid Express methods.

3. Final Answer:

   res.status(201).json({ message: 'Created' }); -> Option A

4. Quick Check:

   Set status then json = res.status(201).json(...) [OK]

Hint: Use res.status(code).json(data) to set status and send JSON [OK]

Common Mistakes:

• Using sendStatus then chaining json
• Passing status code as first json argument
• Using non-existent statusCode method

3. Given the following NestJS controller method, what will be the HTTP status code and response body sent to the client?

async getData(@Res() res) {
  const data = { id: 1, name: 'NestJS' };
  return res.status(202).json(data);
}

medium

A. Status 202 with body { id: 1, name: 'NestJS' }

B. Status 200 with body { id: 1, name: 'NestJS' }

C. Status 202 with empty body

D. Status 500 with error message

Solution

1. Step 1: Analyze response status setting

   The method calls res.status(202), so the HTTP status code will be 202 (Accepted).

2. Step 2: Analyze response body sent

   The method sends JSON data { id: 1, name: 'NestJS' } with .json(data), so the body will contain this object.

3. Final Answer:

   Status 202 with body { id: 1, name: 'NestJS' } -> Option A

4. Quick Check:

   Status 202 + JSON data = Status 202 with body { id: 1, name: 'NestJS' } [OK]

Hint: res.status(code).json(data) sets status and sends data [OK]

Common Mistakes:

• Assuming default 200 status instead of 202
• Thinking body is empty when using json()
• Confusing status codes with error codes

4. Identify the error in the following NestJS controller method that uses @Res():

async sendResponse(@Res() res) {
  res.json({ message: 'Hello' });
  res.status(200);
}

medium

A. res.status must be called before returning from method

B. Missing await keyword before res.json

C. res.json should be replaced with res.sendStatus

D. Calling res.status after res.json causes no effect

Solution

1. Step 1: Understand Express response flow

   Calling res.json() sends the response immediately and ends it.

2. Step 2: Analyze order of method calls

   Calling res.status(200) after res.json() has no effect because response is already sent.

3. Final Answer:

   Calling res.status after res.json causes no effect -> Option D

4. Quick Check:

   Set status before sending response [OK]

Hint: Always set status before sending response [OK]

Common Mistakes:

• Calling res.status after res.json
• Thinking res.json needs await
• Confusing res.sendStatus with res.json

5. You want to create a NestJS controller method that returns a 404 status with a JSON error message if a user is not found, but returns the user data with status 200 if found. Which code snippet correctly implements this response handling?

hard

A. async getUser(@Res() res, @Param('id') id: string) {
const user = await this.userService.findById(id);
if (!user) {
res.json({ error: 'User not found' }).status(404);
} else {
res.json(user).status(200);
}
}

B. async getUser(@Res() res, @Param('id') id: string) {
const user = await this.userService.findById(id);
if (!user) {
return res.status(404).json({ error: 'User not found' });
}
return res.status(200).json(user);
}

C. async getUser(@Res() res, @Param('id') id: string) {
const user = await this.userService.findById(id);
if (!user) {
res.json({ error: 'User not found' });
res.status(404);
} else {
res.json(user);
res.status(200);
}
}

D. async getUser(@Res() res, @Param('id') id: string) {
const user = await this.userService.findById(id);
if (!user) {
res.sendStatus(404);
} else {
res.json(user);
}
}

Solution

1. Step 1: Check correct chaining of status and json

   async getUser(@Res() res, @Param('id') id: string) { const user = await this.userService.findById(id); if (!user) { return res.status(404).json({ error: 'User not found' }); } return res.status(200).json(user); } correctly calls res.status(404).json(...) and res.status(200).json(...), chaining status and JSON response properly.

2. Step 2: Identify errors in other options

   async getUser(@Res() res, @Param('id') id: string) { const user = await this.userService.findById(id); if (!user) { res.json({ error: 'User not found' }).status(404); } else { res.json(user).status(200); } } calls res.json() before res.status(), which does not set status correctly. async getUser(@Res() res, @Param('id') id: string) { const user = await this.userService.findById(id); if (!user) { res.json({ error: 'User not found' }); res.status(404); } else { res.json(user); res.status(200); } } calls res.json() before res.status(), which does not set status correctly. async getUser(@Res() res, @Param('id') id: string) { const user = await this.userService.findById(id); if (!user) { res.sendStatus(404); } else { res.json(user); } } uses res.sendStatus(404) which sends response immediately but does not send JSON error message.

3. Final Answer:

   correctly sets status and sends JSON error or data -> Option B

4. Quick Check:

   Chain status and json for correct response [OK]

Hint: Chain res.status(code).json(data) for clear responses [OK]

Common Mistakes:

• Calling res.json before res.status
• Using res.sendStatus without JSON body
• Separating status and json calls without chaining