Setup Middleware

1. Helmet
2. Morgan logging
3. CORS
4. Static assets
5. Body parsing
6. Error handling

Helmet

• Adds request headers

Instal helmet module

npm install helmet

Mount helmet in app.js

import helmet from 'helmet';

app.use(helmet());

Morgan

• perform logging after helmet request headers

Install morgan

npm install morgan

Mount morgan in app.js

import morgan from 'morgan';

app.use(morgan('dev'));

CORS

• Adds response headers

Install CORS package

npm install cors

Mount cors in app.js

import cors from 'cors';

app.use(cors());

Setup static assets

Create public directory

• 'public' so named by convention

mkdir public

Mount static folder in app.js

app.use(express.static('public'));

Body parsing

Configure body parsing in app.js

app.use(express.json());
app.use(express.urlencoded({extended: true}));

Error Handling

Write basic error handling

app.use((err, req, res, next) => {
  console.error(err.stack); // log the error
  res.status(500).json({ error: err.message || 'Internal Server Error' });
});

Test

npm run dev

• Expectation is no errors in console
• App is not able to return any html yet.

Commit

git add .
git commit -m 'Adds initial middleware'

Next:
Setup EJS