Tech TutorBangla Web Documentation
Portfolio
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Express Documentation22টি অধ্যায়
প্রযুক্তি নির্বাচন
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Introduction
  • Installation
  • Routing
  • Middleware
  • Request & Response
  • Static Files
  • Router
  • Error Handling
  • Template Engines
  • Body Parsing
  • File Upload
  • CORS
  • Database
  • Validation
  • Authentication
  • Security
  • REST API
  • Performance
  • Testing
  • Best Practices
  • Project
  • Interview
  1. Docs
  2. Express
  3. Express Static Files
ExpressBeginner

Express Static Files

Express.js-এ CSS, JS, images serve করা — express.static() বাংলায়।

10টি অংশবাংলা ভাষায়

HTML, CSS, JavaScript, images — এদেরকে static files বলে। express.static() middleware দিয়ে এদের serve করা হয়।

Static Folder Setup

const express = require("express");
const path = require("node:path");

const app = express();

// public folder serve
app.use(express.static("public"));
public folder structuretext
text
public/
├── css/
│   └── style.css     → /css/style.css
├── js/
│   └── script.js     → /js/script.js
├── images/
│   └── logo.png      → /images/logo.png
└── index.html         → /
index.htmlhtml
html
<!DOCTYPE html>
<html>
<head>
  <title>My App</title>
  <link rel="stylesheet" href="/css/style.css">
</head>
<body>
  <h1>Static File Test</h1>
  <img src="/images/logo.png" alt="Logo">
  <script src="/js/script.js"></script>
</body>
</html>

Multiple Static Folders

// একাধিক folder (প্রথমটির prioritized)
app.use(express.static("public"));
app.use(express.static("uploads"));

// ভার্চুয়াল prefix দিয়ে
app.use("/static", express.static("public"));
// এখন /static/css/style.css এ access

Absolute Path ব্যবহার

const path = require("node:path");

// production-এ safe — working directory উপর নির্ভর করে না
app.use(express.static(path.join(__dirname, "../public")));
নোট

Static files-এর order-এ তেমন গুরুত্ব দরকার নেই, তবে route-এর পরে static রাখলে কিছু conflict এড়ানো যায়।

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।
আগেরExpress Request ও ResponseপরেরExpress Router
এই পেজে
Tech Tutor

বাংলায় ওয়েব ডেভেলপমেন্ট ডকুমেন্টেশন শিখুন — ধাপে ধাপে।

Homeসব ডকুমেন্টেশনQuick Startআমার নোটস

© 2026 Tech Tutor. বাংলায় শিখুন, বাংলায় গড়ুন।

mdanamolhasan1998@gmail.com