epegzz/server.js

## server.js
import express from 'express';
import ReactDOM from 'react-dom';
import router from './router.js';

const server = express();

// Server-side rendering of the React app
server.get('*', (req, res, next) => {
  const css = new Set();
  // The context.insertCss() function will be called by `withStyles`
  const context = { insertCss: (...styles) =>
    styles.forEach(style => css.add(style._getCss()));
  };
  router.dispatch({ ...req, context }).then((component, state) => {
    const body = ReactDOM.renderToString(component);
    const html = `<!doctype html>
      <html>
        <head>
          <script async src="/client.js"></script>
          <style type="text/css">${[...css].join('')}</style>
        </head>
        <body>
          <div id="root">${body}</div>
        </body>
      </html>`;
    res.status(state.statusCode).send(html);
  }).catch(next);
});
	import express from 'express';
	import ReactDOM from 'react-dom';
	import router from './router.js';

	const server = express();

	// Server-side rendering of the React app
	server.get('*', (req, res, next) => {
	const css = new Set();
	// The context.insertCss() function will be called by `withStyles`
	const context = { insertCss: (...styles) =>
	styles.forEach(style => css.add(style._getCss()));
	};
	router.dispatch({ ...req, context }).then((component, state) => {
	const body = ReactDOM.renderToString(component);
	const html = `<!doctype html>
	<html>
	<head>
	<script async src="/client.js"></script>
	<style type="text/css">${[...css].join('')}</style>
	</head>
	<body>
	<div id="root">${body}</div>
	</body>
	</html>`;
	res.status(state.statusCode).send(html);
	}).catch(next);
	});