mauricioklein/routes.js

## routes.js
import React from 'react';
import {Route, Redirect} from 'react-router';
import {
  App,
  NotFound,
  Panel
} from 'containers';

export default () => {
  return (
    <Route path="/" component={App}>
      <Redirect from="/general" to="/panel" />
      <Route path="/panel(/:panelId)" component={Panel} />
      <Route path="*" component={NotFound} status={404} />
    </Route>
  );
};

## server.js
import Express from 'express';
import React from 'react';
import ReactDOM from 'react-dom/server';
import config from './config';
import favicon from 'serve-favicon';
import compression from 'compression';
import path from 'path';
import createStore from './redux/create';
import Html from './helpers/Html';
import PrettyError from 'pretty-error';
import http from 'http';

import { match } from 'react-router';
import { syncHistoryWithStore } from 'react-router-redux';
import { ReduxAsyncConnect, loadOnServer } from 'redux-async-connect';
import createHistory from 'react-router/lib/createMemoryHistory';
import {Provider} from 'react-redux';
import getRoutes from './routes';

const pretty = new PrettyError();
const app = new Express();
const server = new http.Server(app);

app.use(compression());
// app.use(favicon(path.join(__dirname, '..', 'static', 'favicon.ico')));

app.use(Express.static(path.join(__dirname, '..', 'static')));

app.use((req, res) => {
  if (__DEVELOPMENT__) {
    // Do not cache webpack stats: the script file would change since
    // hot module replacement is enabled in the development env
    webpackIsomorphicTools.refresh();
  }
  const memoryHistory = createHistory(req.originalUrl);
  const store = createStore(memoryHistory);
  const history = syncHistoryWithStore(memoryHistory, store);

  function hydrateOnClient() {
    res.send('<!doctype html>\n' +
      ReactDOM.renderToString(<Html assets={webpackIsomorphicTools.assets()} store={store}/>));
  }

  if (__DISABLE_SSR__) {
    hydrateOnClient();
    return;
  }

  match({ history, routes: getRoutes(store), location: req.originalUrl }, (error, redirectLocation, renderProps) => {
    if (redirectLocation) {
      res.redirect(redirectLocation.pathname + redirectLocation.search);
    } else if (error) {
      console.error('ROUTER ERROR:', pretty.render(error));
      res.status(500);
      hydrateOnClient();
    } else if (renderProps) {
      loadOnServer({...renderProps, store}).then(() => {
        const component = (
          <Provider store={store} key="provider">
            <ReduxAsyncConnect {...renderProps} />
          </Provider>
        );

        res.status(200);

        global.navigator = {userAgent: req.headers['user-agent']};

        res.send('<!doctype html>\n' +
          ReactDOM.renderToString(<Html assets={webpackIsomorphicTools.assets()} component={component} store={store}/>));
      });
    } else {
      res.status(404).send('Not found');
    }
  });
});

if (config.port) {
  server.listen(config.port, (err) => {
    if (err) {
      console.error(err);
    }
    console.info('==> 💻  Open http://%s:%s in a browser to view the app.', config.host, config.port);
  });
} else {
  console.error('==>     ERROR: No PORT environment variable has been specified');
}
	import React from 'react';
	import {Route, Redirect} from 'react-router';
	import {
	App,
	NotFound,
	Panel
	} from 'containers';

	export default () => {
	return (
	<Route path="/" component={App}>
	<Redirect from="/general" to="/panel" />
	<Route path="/panel(/:panelId)" component={Panel} />
	<Route path="*" component={NotFound} status={404} />
	</Route>
	);
	};
	import Express from 'express';
	import React from 'react';
	import ReactDOM from 'react-dom/server';
	import config from './config';
	import favicon from 'serve-favicon';
	import compression from 'compression';
	import path from 'path';
	import createStore from './redux/create';
	import Html from './helpers/Html';
	import PrettyError from 'pretty-error';
	import http from 'http';

	import { match } from 'react-router';
	import { syncHistoryWithStore } from 'react-router-redux';
	import { ReduxAsyncConnect, loadOnServer } from 'redux-async-connect';
	import createHistory from 'react-router/lib/createMemoryHistory';
	import {Provider} from 'react-redux';
	import getRoutes from './routes';

	const pretty = new PrettyError();
	const app = new Express();
	const server = new http.Server(app);

	app.use(compression());
	// app.use(favicon(path.join(__dirname, '..', 'static', 'favicon.ico')));

	app.use(Express.static(path.join(__dirname, '..', 'static')));

	app.use((req, res) => {
	if (__DEVELOPMENT__) {
	// Do not cache webpack stats: the script file would change since
	// hot module replacement is enabled in the development env
	webpackIsomorphicTools.refresh();
	}
	const memoryHistory = createHistory(req.originalUrl);
	const store = createStore(memoryHistory);
	const history = syncHistoryWithStore(memoryHistory, store);

	function hydrateOnClient() {
	res.send('<!doctype html>\n' +
	ReactDOM.renderToString(<Html assets={webpackIsomorphicTools.assets()} store={store}/>));
	}

	if (__DISABLE_SSR__) {
	hydrateOnClient();
	return;
	}

	match({ history, routes: getRoutes(store), location: req.originalUrl }, (error, redirectLocation, renderProps) => {
	if (redirectLocation) {
	res.redirect(redirectLocation.pathname + redirectLocation.search);
	} else if (error) {
	console.error('ROUTER ERROR:', pretty.render(error));
	res.status(500);
	hydrateOnClient();
	} else if (renderProps) {
	loadOnServer({...renderProps, store}).then(() => {
	const component = (
	<Provider store={store} key="provider">
	<ReduxAsyncConnect {...renderProps} />
	</Provider>
	);

	res.status(200);

	global.navigator = {userAgent: req.headers['user-agent']};

	res.send('<!doctype html>\n' +
	ReactDOM.renderToString(<Html assets={webpackIsomorphicTools.assets()} component={component} store={store}/>));
	});
	} else {
	res.status(404).send('Not found');
	}
	});
	});

	if (config.port) {
	server.listen(config.port, (err) => {
	if (err) {
	console.error(err);
	}
	console.info('==> 💻 Open http://%s:%s in a browser to view the app.', config.host, config.port);
	});
	} else {
	console.error('==> ERROR: No PORT environment variable has been specified');
	}