Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/voodoocreation/react-redux-boilerplate
React Redux boilerplate with sagas and server rendering
https://github.com/voodoocreation/react-redux-boilerplate
babel boilerplate boilerplate-project boilerplate-template intl jest nextjs node react react-intl reactjs redux redux-saga sass scss server-side-rendering template typescript webpack
Last synced: 8 days ago
JSON representation
React Redux boilerplate with sagas and server rendering
- Host: GitHub
- URL: https://github.com/voodoocreation/react-redux-boilerplate
- Owner: voodoocreation
- Created: 2017-08-24T03:03:17.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-10T19:32:39.000Z (about 2 years ago)
- Last Synced: 2023-03-03T14:26:31.445Z (almost 2 years ago)
- Topics: babel, boilerplate, boilerplate-project, boilerplate-template, intl, jest, nextjs, node, react, react-intl, reactjs, redux, redux-saga, sass, scss, server-side-rendering, template, typescript, webpack
- Language: TypeScript
- Homepage:
- Size: 4.83 MB
- Stars: 9
- Watchers: 5
- Forks: 0
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
React Redux boilerplate with server rendering
=============================================A project boilerplate for applications that require [React](https://facebook.github.io/react/),
[Redux](http://redux.js.org/), [Redux-Saga](https://redux-saga.js.org/) and want to support
server rendering as well.See [Next.js](https://github.com/zeit/next.js/) documentation for environment config etc.
Custom routes
-------------
Using [next-routes](https://www.npmjs.com/package/next-routes), you can define custom routes inside
[`/next.routes.js`](./next.routes.js) to handle more advanced routing to support routes with IDs, slugs etc.Changing base HTML page structure
---------------------------------
The base global page template can be changed in [`/pages/_document.js`](./pages/_document.js)
if you require CDN-loaded third party scripts or CSS, or just wish to change the way the page chrome
is rendered across all pages.NPM scripts
-----------
The following scripts can be used:
- `dev`: Runs dev environment with hot module reloading
- `build`: Builds prod bundle ready for deployment
- `build:export`: Builds and exports static HTML prod bundle ready for deployment
- `start`: Start prod environment (requires `build` script to have been run first)
- `format`: Run `prettier` code formatting
- `lint:ts`: Run TS linter, rules defined in [`/.eslintrc`](./.eslintrc)
- `lint:scss`: Run SCSS linter, rules defined in [`/.stylelintrc`](./.stylelintrc)
- `lint`: Run all linting
- `test`: Run unit tests for project (using [Jest](https://facebook.github.io/jest/))