Middleware ordering and its importance in Express - Step-by-Step Execution

Concept Flow - Middleware ordering and its importance

Request arrives

↓

Middleware 1

↓

Middleware 2

↓

Middleware 3

↓

Route Handler

↓

Response sent

Middleware functions run in the order they are added. Each must call next() to pass control. Order affects request handling and response.

Execution Sample

Express

const express = require('express');
const app = express();

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

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

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

This code shows two middleware functions running in order before the route handler sends a response.

Execution Table

Step	Middleware	Action	Console Output	Next Called	Flow Continues
1	Middleware 1	Runs and logs message	First middleware	Yes	Yes, to Middleware 2
2	Middleware 2	Runs and logs message	Second middleware	Yes	Yes, to Route Handler
3	Route Handler	Sends response	No console log	N/A	Response sent, flow ends

💡 Response sent by route handler, no further middleware executed

Variable Tracker

Variable	Start	After Middleware 1	After Middleware 2	After Route Handler
req	Incoming request object	Passed unchanged	Passed unchanged	Used to send response
res	Response object	Passed unchanged	Passed unchanged	Response sent
next	Function to continue	Called to continue	Called to continue	Not called, response sent

Key Moments - 3 Insights

Why does the order of middleware matter?

Because each middleware runs in sequence, if one middleware does not call next(), the following middleware and route handlers will not run. See execution_table steps 1 and 2.

What happens if a middleware does not call next()?

The request stops there and no further middleware or route handlers run. The response may never be sent, causing the client to wait indefinitely.

Can middleware modify the request or response objects?

Yes, middleware can change req or res before passing control. This affects downstream middleware and handlers.

Visual Quiz - 3 Questions

Look at the execution table, what is logged at Step 2?

A First middleware

B Hello World

C Second middleware

D No log

💡 Hint

Check the 'Console Output' column for Step 2 in the execution_table.

At which step does the response get sent?

A Step 3

B Step 2

C Step 1

D Response is never sent

💡 Hint

Look at the 'Flow Continues' and 'Action' columns in the execution_table.

If Middleware 1 did NOT call next(), what would happen?

A Middleware 2 and route handler run as usual

B Only Middleware 1 runs, flow stops there

C Response is sent immediately

D An error is thrown automatically

💡 Hint

Refer to the key_moments section about middleware not calling next() and execution_table flow.

Concept Snapshot

Middleware run in order added.
Each middleware must call next() to continue.
If next() is not called, flow stops.
Order affects request handling and response.
Middleware can modify req and res.
Route handler sends the response last.

Full Transcript

Middleware in Express are functions that run in the order they are added to the app. When a request arrives, the first middleware runs. If it calls next(), the next middleware runs, and so on. This continues until a route handler sends a response. If any middleware does not call next(), the chain stops and the response may never be sent. Middleware can modify the request and response objects, affecting later middleware and handlers. Proper ordering ensures the request is processed correctly and the response is sent.