CrappyNext.js

index.tsx

import { renderToString } from "react-dom/server";

const router = new Bun.FileSystemRouter({
  style: "nextjs",
  dir: "./pages",
});

Bun.serve({
  port: 3000,
  development: true,
  async fetch(req, server) {
    const url = new URL(req.url);
    if (url.pathname === "/favicon.ico") return new Response("no favicon");
    const route = router.match(url.pathname);
    if (route) {
      const Handler = require(route.filePath).default;
      const html = renderToString(<Handler />);
      return new Response(html, {
        headers: {
          "content-type": "text/html; charset=utf-8",
        },
      });
    }

    return new Response("Not found", { status: 404 });
  },
});