webpack-server-render-middleware

import express from 'express'; import webpack from 'webpack'; import webpackServerRenderMiddleware from 'webpack-server-render-middleware'; // NOTE: This middleware only supports Webpack 4. // Ensure your webpack.config.js is set up for Webpack 4 const webpackConfig = { /* your webpack 4 server-side config */ }; const compiler = webpack(webpackConfig); const app = express(); // Use the server-side render middleware app.use(webpackServerRenderMiddleware(compiler, { /* options */ })); // Access the compiled server bundle in subsequent middleware app.use((req, res) => { const serverBundle = res.serverBundle; // The compiled server bundle if (serverBundle) { // Example: Use the bundle to render a React app // const { renderApp } = serverBundle; // Assuming your bundle exports a render function // const html = renderApp(req.url); // res.send(html); res.status(200).send('Server bundle received. Now process it...'); } else { res.status(500).send('Server bundle not available yet or compilation failed.'); } }); const PORT = process.env.PORT ?? 3000; app.listen(PORT, () => { console.log(`Development server running on http://localhost:${PORT}`); console.warn('WARNING: This middleware is for DEVELOPMENT ONLY! Do NOT use in production.'); });