How to set up two different static directories in Express

In the Express framework of Node.js, it is straightforward to set up multiple static file directories. The benefit is that it allows organizing different types of static resources, such as storing images and style sheets in separate directories for easier management and maintenance.

Below are the steps and examples for setting up two different static directories in Express:

First, ensure that you have installed Express. If not, you can install it using the following command:

bash
npm install express

Next, you can create a simple Express application. Suppose we want to set up two static directories: one for images and another for CSS files.

1. Create your Express server file, for example, called app.js.
2. In app.js, import the Express module and initialize an Express application.
3. Use the express.static middleware to set up static file directories.

Here is the specific code example:

javascript
const express = require('express');
const app = express();
const port = 3000;

// Set the static directory for images
app.use('/images', express.static('public/images'));

// Set the static directory for CSS
app.use('/css', express.static('public/stylesheets'));

app.get('/', (req, res) => {
  res.send('Welcome to my website!');
});

app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

In this example:

• We have two directories: public/images and public/stylesheets. These directories are placed within the public folder at the root of the project.
• Using app.use, we set routing prefixes for these resources. When accessing the /images route, Express looks for files in the public/images directory; when accessing /css, Express looks for files in the public/stylesheets directory.
• This means that if you have an image file named logo.png in the public/images directory, you can access it by visiting <your domain>/images/logo.png.

By doing this, you can manage and serve your static resources flexibly while maintaining a clear and organized project structure.