React Server Side Rendering with Parcel and Babel.
- CSS Modules (
postcss-modules
&babel-plugin-css-modules-transform
) - Universal cookie (
react-cookie
&universal-cookie-express
) -
react-router
-
isomorphic-fetch
-
react-redux
(redux-thunk
)
.
├── server
│ ├── middlewares
│ │ ├── matchRoute.js
│ │ ├── ssr.js
│ │ └── tmpl.js
│ └── app.js
├── src
│ ├── components
│ │ └── ...
│ ├── containers
│ │ └── ...
│ ├── store
│ │ ├── actions
│ │ │ └── ...
│ │ ├── reducers
│ │ │ └── ...
│ │ ├── configureStore.js
│ │ └── types.js
│ ├── styles
│ │ └── ...
│ ├── utils
│ │ └── ...
│ ├── App.js
│ ├── client.js
│ ├── index.html
│ ├── index.ssr.html
│ └── routes.js
├── README.md
├── package.json
└── yarn.lock
Develop in pure front end mode (http://localhost:1234)
yarn dev
Develop in SSR mode (http://localhost:8080)
yarn ssr
Build & Serve (http://localhost:8080)
yarn build
yarn serve
Inspired by https://www.npmjs.com/package/react-cookie