Middleware ordering and its importance in Express - Mini Project: Build & Apply

Middleware Ordering and Its Importance in Express

📖 Scenario: You are building a simple Express server that handles requests with middleware functions. Middleware functions process requests in order, like a line of workers passing a package. The order you add middleware matters because each one can change the request or response before the next one runs.

🎯 Goal: Learn how to create middleware functions in Express and understand why the order of middleware matters by setting up middleware in the correct sequence.

📋 What You'll Learn

Create an Express app with middleware functions

Add a logging middleware that runs first

Add a middleware that adds a custom header

Add a route handler middleware that sends a response

Understand and apply correct middleware ordering

💡 Why This Matters

🌍 Real World

Middleware ordering is crucial in real Express apps to ensure logging, authentication, data parsing, and error handling happen in the right sequence.

💼 Career

Understanding middleware order helps backend developers build reliable and maintainable Express servers that behave as expected.

1

Set up Express app and logging middleware

Create an Express app by requiring express and calling express(). Then add a middleware function called logger that logs "Request received" and calls next(). Use app.use(logger) to add it to the app.

Express

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

// Your code here

Need a hint?

Start by importing Express and creating the app. Then write a middleware function that logs a message and calls next(). Add it with app.use().

2

Add middleware to set a custom header

Create a middleware function called addCustomHeader that sets the header "X-Custom-Header" to "MiddlewareDemo" on the response object. Use app.use(addCustomHeader) to add it after the logger middleware.

Express

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

function logger(req, res, next) {
  console.log("Request received");
  next();
}

app.use(logger);

// Your code here

Need a hint?

Create a middleware that sets a header on the response and calls next(). Add it after the logger middleware.

3

Add route handler middleware to send response

Add a route handler middleware for GET requests on "/" using app.get. This middleware should send the text "Hello from Express!" as the response. Place this after the addCustomHeader middleware.

Express

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

function logger(req, res, next) {
  console.log("Request received");
  next();
}

app.use(logger);

function addCustomHeader(req, res, next) {
  res.setHeader("X-Custom-Header", "MiddlewareDemo");
  next();
}

app.use(addCustomHeader);

// Your code here

Need a hint?

Use app.get to add a route handler for the root path that sends a response. This should come after the other middleware.

4

Start the server and listen on port 3000

Add code to start the Express server by calling app.listen on port 3000. Add a callback that logs "Server running on port 3000" when the server starts.

Express

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

function logger(req, res, next) {
  console.log("Request received");
  next();
}

app.use(logger);

function addCustomHeader(req, res, next) {
  res.setHeader("X-Custom-Header", "MiddlewareDemo");
  next();
}

app.use(addCustomHeader);

app.get("/", (req, res) => {
  res.send("Hello from Express!");
});

// Your code here

Need a hint?

Use app.listen with port 3000 and a callback that logs a message when the server starts.