Middleware concept and execution flow in Node.js - Step-by-Step Execution

Concept Flow - Middleware concept and execution flow

Request Received

↓

Middleware 1

↓

Middleware 2

↓

Middleware 3

↓

Route Handler

↓

Response Sent

The request passes through each middleware in order, each can modify the request or response, then finally the route handler sends the response.

Execution Sample

Node.js

app.use((req, res, next) => {
  console.log('Middleware 1');
  next();
});

app.use((req, res, next) => {
  console.log('Middleware 2');
  next();
});

app.get('/', (req, res) => {
  res.send('Hello World');
});

This code shows two middleware functions logging messages, then a route handler sending a response.

Execution Table

Step	Action	Middleware/Handler	Console Output	Next Called	Response Sent
1	Request received	N/A		Yes	No
2	Middleware 1 runs	Middleware 1	Middleware 1	Yes	No
3	Middleware 2 runs	Middleware 2	Middleware 2	Yes	No
4	Route handler runs	Route Handler		N/A	Yes
5	Response sent to client	N/A		N/A	Yes

💡 Response sent, middleware chain ends

Variable Tracker

Variable	Start	After Middleware 1	After Middleware 2	After Route Handler
req	{original request}	{possibly modified}	{possibly modified}	{final state}
res	{original response}	{unchanged}	{unchanged}	{response sent}
next	function	called	called	not called

Key Moments - 2 Insights

Why does the middleware need to call next()?

Calling next() passes control to the next middleware or route handler. Without it, the request stops and the response is never sent, as shown in steps 2 and 3 where next() is called to continue.

What happens if a middleware sends a response without calling next()?

If a middleware sends a response and does not call next(), the chain stops immediately and no further middleware or route handlers run. This prevents duplicate responses.

Visual Quiz - 3 Questions

Look at the execution table, what is logged to the console at step 3?

A Middleware 1

B Middleware 2

C Route Handler

D No output

💡 Hint

Check the 'Console Output' column at step 3 in the execution table.

At which step is the response sent to the client?

A Step 5

B Step 2

C Step 4

D Step 3

💡 Hint

Look at the 'Response Sent' column in the execution table.

If Middleware 1 does not call next(), what happens?

A Response is sent immediately

B Middleware 2 and route handler run as usual

C Only Middleware 1 runs, then request stops

D An error is thrown automatically

💡 Hint

Refer to the key moment about calling next() and the execution flow.

Concept Snapshot

Middleware functions run in order on each request.
Each middleware receives req, res, and next.
Call next() to pass control to next middleware.
If next() is not called, request stops.
Route handler sends the final response.
Middleware can modify req/res or end response early.

Full Transcript

Middleware in Node.js is a function that runs during the request-response cycle. When a request comes in, it passes through each middleware in order. Each middleware can do something with the request or response, then calls next() to pass control to the next middleware. If next() is not called, the chain stops and the response may never be sent. Finally, the route handler sends the response back to the client. This flow ensures modular and manageable code for handling requests.