Server-side Rendering

February 10, 2018 · View on GitHub

First render your app.

const ReactDOMServer = require('react-dom/server');

const html = ReactDOMServer.renderToString(<App />);

Then flush the generated CSS styles.

const renderer = require('freestyler/lib/renderer').renderer;

const css = renderer.flush();

And send your page.

req.end(`
    <html>
        <head>
            <style>${css}</style>
        </head>
        <body>
            <div>${html}</div>
        </body>
    </html>
`);