bun-react-ssr

# Bun React SSR Build custom server-rendered React applications with Bun. ## Quick Start ```bash # Initialize project mkdir my-ssr-app && cd my-ssr-app bun init # Install dependencies bun add react react-dom bun add -D @types/react @types/react-dom ``` ## Basic SSR Setup ### Server Entry ```typescript // src/server.tsx import { renderToString } from "react-dom/server"; import App from "./App"; Bun.serve({ port: 3000, async fetch(req) { const url = new URL(req.url); // Serve static files if (url.pathname.startsWith("/static/")) { const file = Bun.file(`./public${url.pathname}`); if (await file.exists()) { return new Response(file); } } // Render React app const html = renderToString(<App url={url.pathname} />); return new Response( `<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>React SSR</title> </head> <body> <div id="root">${html}</div> <script src="/static/client.js"></script> </body> </html>`, { headers: { "Content-Type": "text/html" }, } ); }, }); console.log("Server running on http://localhost:3000"); ``` ### Client Entry ```tsx // src/client.tsx import { hydrateRoot } from "react-dom/client"; import App from "./App"; hydrateRoot( document.getElementById("root")!, <App url={window.location....