server.js

import { createServer } from 'http'
import { readFileSync, existsSync } from 'fs'
import { join, extname } from 'path'
import { fileURLToPath } from 'url'

const __dirname = fileURLToPath(new URL('.', import.meta.url))
const dist = join(__dirname, 'dist')
const port = parseInt(process.env.PORT || '3000')
const basePath = '/apps/hello-react'

const mimeTypes = {
  '.html': 'text/html',
  '.js': 'application/javascript',
  '.css': 'text/css',
  '.json': 'application/json',
  '.png': 'image/png',
  '.svg': 'image/svg+xml',
  '.ico': 'image/x-icon',
}

createServer((req, res) => {
  let path = req.url.split('?')[0]
  if (path.startsWith(basePath)) path = path.slice(basePath.length)
  if (path === '' || path === '/') path = '/index.html'

  const filePath = join(dist, path)
  if (existsSync(filePath)) {
    const ext = extname(filePath)
    res.writeHead(200, { 'Content-Type': mimeTypes[ext] || 'application/octet-stream' })
    res.end(readFileSync(filePath))
  } else {
    // SPA fallback
    res.writeHead(200, { 'Content-Type': 'text/html' })
    res.end(readFileSync(join(dist, 'index.html')))
  }
}).listen(port, () => console.log(`Listening on :${port}`))