Lukegao: by freem.ai...

2025-11-20T05:39:03Z

by freem.ai...

New page

{{DISPLAYTITLE:Host static site Node.js}}

''This conversation was exported from ChatGPT''<ref>{{cite web|title=Host static site Node.js|url=https://chatgpt.com/share/691ddcec-579c-8003-b973-cdb692b1d5db|publisher=ChatGPT|access-date=2025-11-20}}</ref>

== gpt-5-1 ==
=== User: How do i host a static website in node.js, but where the first folder is taken from the host name. ===
How do i host a static website in node.js, but where the first folder is taken from the host name.

So if people go to banana.com to my node.js app, it should serve the banana.com folder. And if nothing can be found a 404 need to be returned.

=== Assistant: Below is a simple and clean way to do this in Node.js + Express: ===
Below is a simple and clean way to do this in Node.js + Express:

===== ✅ Goal =====

Map each hostname to a folder with the same name, e.g.:

<syntaxhighlight>banana.com → ./sites/banana.com/
apple.com → ./sites/apple.com/

</syntaxhighlight>

If the file doesn’t exist → return 404.

=== ✔️ Working Example (Express) ===

<syntaxhighlight>const express = require("express");
const path = require("path");
const fs = require("fs");

const app = express();

// all hosts served from ./sites/<hostname>/
const SITES_ROOT = path.join(__dirname, "sites");

app.use((req, res, next) => {
const host = req.hostname; // e.g. "banana.com"
const siteDir = path.join(SITES_ROOT, host);

// Check if the site folder exists
if (!fs.existsSync(siteDir)) {
return res.status(404).send("Site not found");
}

// Create a static handler for this request
express.static(siteDir)(req, res, (err) => {
if (err) return next(err);
res.status(404).send("File not found");
});
});

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => console.log(<code>Listening on ${PORT}</code>));

</syntaxhighlight>

=== ✔️ Folder structure ===

<syntaxhighlight>your-app/
server.js
sites/
banana.com/
index.html
apple.com/
index.html

</syntaxhighlight>

=== ✔️ How it works ===
# Every request hits a middleware.
# We inspect req.hostname to know which folder to serve.
# We check if ./sites/<hostname> exists.
# We attach a static-file handler dynamically to serve from that folder.
# If no file matches → 404.

=== ✔️ Notes / Tips ===

===== If using reverse proxies (Nginx, Cloudflare, etc.) =====

Make sure they pass the correct Host header.

===== Wildcard domains (e.g., *.example.com)? =====

You can adapt it:

<syntaxhighlight lang="js">const host = req.hostname.split(':')[0];
const sub = host.split('.')[0];
const siteDir = path.join(SITES_ROOT, sub);

</syntaxhighlight>

If you want, I can help you:
✔ create a version using only Node (no Express)
✔ support for default domain fallback
✔ caching static handlers for performance
✔ support for multi-level domain matching

Just tell me!

== References ==
<references />

[[Category:ChatGPT Shares]]
[[Category:openai]]

Openai/691ddcec-579c-8003-b973-cdb692b1d5db - Revision history

Lukegao: by freem.ai...