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 এ accessAbsolute 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 করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।