assisrafael / react-app-boilerplate

A boilerplate for starting a new react app with SSR, webpack and fast-refresh

React app boilerplate

A boilerplate for starting a new react app with SSR, webpack and fast-refresh

What is included

• HRM with fast-refresh and webpack dev server
• SSR with expressjs
• App routes with react-router
• Lazy loading and code splitting (optional)
• eslint basic setup

How to use it

After installing the dependencies with npm install, you can start everything by running:

npm start

which will start webpack dev server on localhost:3000 and it will proxy SSR requests to the express server started on localhost:9000.

To generate a production build run:

npm run build

How to customize it

You can change CSR and SSR ports with a .env file in the root of this repository:

CSR_PORT=3000
SSR_PORT=9000
LAZY_LOAD=true

Roadmap

• Source maps
• Production build with optimizations
• Service worker
• CSS
• Old browser support