ssr

Author: MacKentoch

src/app/index.js

@@ -11,6 +11,7 @@ import 'jquery';
 import 'font-awesome/css/font-awesome.min.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import 'bootstrap/dist/js/bootstrap.min.js';
+import injectGlobalStyle from './style/injectGlobalStyle';
 import Root from './Root';
 // #endregion
 
@@ -26,6 +27,7 @@ const BootstrapedElement = document.getElementById(ELEMENT_TO_BOOTSTRAP);
 // #endregion
 
 injectTpEventPlugin();
+injectGlobalStyle();
 
 const renderApp = RootComponent => {
  render(

src/app/redux/store/configureStore.dev.js

@@ -5,8 +5,8 @@ import { createStore, applyMiddleware } from 'redux';
 import { createLogger } from 'redux-logger';
 import { routerMiddleware } from 'react-router-redux';
 // #region import createHistory from hashHistory or BrowserHistory:
-import createHistory from 'history/createHashHistory';
-// import createHistory  from 'history/createBrowserHistory';
+// import createHistory from 'history/createHashHistory';
+import createHistory from 'history/createBrowserHistory';
 // #endregion
 import thunkMiddleware from 'redux-thunk';
 import reducer from '../modules/reducers';
@@ -27,7 +27,7 @@ const enhancer = composeWithDevTools(
 );
 
 // export default = "redux store"
-export default function configureStore(initialState) {
+export default function configureStore(initialState: any) {
  const store = createStore(reducer, initialState, enhancer);
  if (module.hot) {
  module.hot.accept('../modules/reducers', () =>

src/app/redux/store/configureStore.prod.js

@@ -5,8 +5,8 @@ import { createStore, applyMiddleware } from 'redux';
 import thunkMiddleware from 'redux-thunk';
 import { routerMiddleware } from 'react-router-redux';
 // #region import createHistory from hashHistory or BrowserHistory:
-import createHistory from 'history/createHashHistory';
-// import createHistory  from 'history/createBrowserHistory';
+// import createHistory from 'history/createHashHistory';
+import createHistory from 'history/createBrowserHistory';
 // #endregion
 import reducer from '../modules/reducers';
 import { composeWithDevTools } from 'redux-devtools-extension';
@@ -20,6 +20,6 @@ const enhancer = composeWithDevTools(
 );
 
 // export default = "redux store"
-export default function configureStore(initialState) {
+export default function configureStore(initialState: any) {
  return createStore(reducer, initialState, enhancer);
 }

src/app/style/injectGlobalStyle.js

@@ -0,0 +1,31 @@
+// @flow
+
+// #region imports
+import { injectGlobal } from 'styled-components';
+// #endregion
+
+const injectGlobalStyle = () => injectGlobal`
+ html, body {
+ margin: 0;
+ height: 100%;
+ -webkit-font-smoothing: antialiased;
+ }
+ #main {
+ height: 100%;
+ > div {
+ height: 100%;
+ }
+ }
+ * {
+ box-sizing: border-box;
+ }
+ a {
+ text-decoration: none;
+ color: inherit;
+ &:hover {
+ text-decoration: none;
+ }
+ }
+`;
+
+export default injectGlobalStyle;