Backoffice Starter Kit

A couple of included features

• Decent webpack configs for dev and prod.
• Redux, Reselect and RxJs (redux-loadable).
• React-router-redux with Helmet for navigation.
• CSS modules with SASS, autoprefixer, and global support.
• Sentry support with redux state and sourcemaps in production builds.
• Code splitting with react-loadable.
• Service Worker to cache build files.
• Babel & ESLint with Airbnb config.
• Flow type checking.
• Testing with Jest and Enzyme.
• Webpack-dev-server for developing and serve to test builds.
• Hot Module Reloading.
• Bundle analyzer.

Installation

1. Clone repository
2. yarn install

Available commands

• yarn start - starts webpack dev server (use --hot for HMR). The client runs at localhost:8080
• yarn build - builds project to /dist
• yarn serve - serves the /dist directory in order to test build locally
• yarn test - runs test with Jest
• yarn flow - starts flow server
• yarn lint - runs eslint
• yarn lint --fix - eslint automatically solves the problems that it can
• yarn start-server - starts the mock-backend server. The server runs at localhost:3000

Sentry configuration

In order to build for Sentry, the following environment variables (also listed in .env.example) needs to be available:

• SENTRY_AUTH_TOKEN - an auth token created for your account on the Sentry dashboard
• SENTRY_URL - base url to the Sentry Installation
• SENTRY_ORG - organization slug
• SENTRY_PROJECT - project slug
• SENTRY_DSN - public project DSN

You can also use SENTRY_ENV and SENTRY_BUILD to set build release number and environment. Those will default to dev/local.