Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion AI Tools Integration
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

interview

Home Interviews How can you serve static files using Express? – MindStick
Ask Question

1 Answers

ICSM Computer
ICSM Computer 04 Apr 2025
Report Abuse

You can serve static files (like HTML, CSS, JS, images, etc.) in Express using the built-in middleware express.static.

Basic Setup:

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

// Serve static files from the "public" folder
app.use(express.static('public'));

app.listen(3000, () => {
  console.log('Server running on http://localhost:3000');
});

Example Folder Structure:

project/
├── public/
│   ├── index.html
│   ├── style.css
│   └── script.js
└── app.js

With this setup:

http://localhost:3000/index.html serves the index.html file.

http://localhost:3000/style.css serves the CSS file, etc.

You can also mount it at a specific route:

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

Now your files will be accessible like:

  • http://localhost:3000/static/index.html

Also Read: How do you define a route in Express?

MindStick Training
Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md