{"id":26402707,"url":"https://github.com/mdenisov/react-universal-boilerplate","last_synced_at":"2026-04-08T12:34:12.544Z","repository":{"id":68525187,"uuid":"123079958","full_name":"mdenisov/react-universal-boilerplate","owner":"mdenisov","description":"A starter boilerplate for an universal web app with the best development experience and a focus on performance and best practices.","archived":false,"fork":false,"pushed_at":"2018-03-22T20:35:19.000Z","size":1308,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-03T14:27:07.376Z","etag":null,"topics":["boilerplate","css-modules","hot-reloading","jest","koa","nodejs","postcss","react-helmet","react-router-v4","reactjs","redux","starter","unit-testing","universal","webpack3"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mdenisov.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-02-27T05:54:02.000Z","updated_at":"2018-03-22T20:35:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"62b8d8be-5caa-4aeb-bb48-18c31ab9fa80","html_url":"https://github.com/mdenisov/react-universal-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mdenisov/react-universal-boilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdenisov%2Freact-universal-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdenisov%2Freact-universal-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdenisov%2Freact-universal-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdenisov%2Freact-universal-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mdenisov","download_url":"https://codeload.github.com/mdenisov/react-universal-boilerplate/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdenisov%2Freact-universal-boilerplate/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31556234,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T10:21:54.569Z","status":"ssl_error","status_checked_at":"2026-04-08T10:21:38.171Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["boilerplate","css-modules","hot-reloading","jest","koa","nodejs","postcss","react-helmet","react-router-v4","reactjs","redux","starter","unit-testing","universal","webpack3"],"created_at":"2025-03-17T15:20:20.674Z","updated_at":"2026-04-08T12:34:12.535Z","avatar_url":"https://github.com/mdenisov.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Universal Boilerplate 😎\n\n[![Build Status](https://travis-ci.org/mdenisov/react-universal-boilerplate.svg?branch=master)](https://travis-ci.org/mdenisov/react-universal-boilerplate)\n[![dependencies Status](https://david-dm.org/mdenisov/react-universal-boilerplate/status.svg)](https://david-dm.org/mdenisov/react-universal-boilerplate)\n[![devDependencies Status](https://david-dm.org/mdenisov/react-universal-boilerplate/dev-status.svg)](https://david-dm.org/mdenisov/react-universal-boilerplate?type=dev)\n\nA simple but feature rich starter boilerplate for creating your own [universal](https://medium.com/@mjackson/universal-javascript-4761051b7ae9) app. It built on the top of [Node.js](https://nodejs.org/en/), [Koa](http://koajs.com/), [React](https://facebook.github.io/react/), [Redux](https://github.com/reactjs/redux) and [React Router v4](https://reacttraining.com/react-router/). Includes all the hot stuff and modern web development tools such as [Webpack 3](https://webpack.js.org/), [Babel](https://babeljs.io/), [PostCSS](https://github.com/postcss/postcss-loader), [Jest](https://facebook.github.io/jest/) and [Redux Devtools Extension](https://github.com/zalmoxisus/redux-devtools-extension). See the [**“Features”**](#features) section for other awesome features you can expect.\n\nI will maintain the starter boilerplate and keep all of the technologies on trend. Welcome to join me if you want. Hope you guys love it 🤩\n\n## Features\n\nReally cool starter boilerplate with the most popular technologies:\n\n\n* [Universal](https://medium.com/@mjackson/universal-javascript-4761051b7ae9) rendering with async data fetching.\n* [React](https://facebook.github.io/react/) as the view.\n* [React Router v4](https://reacttraining.com/react-router/) as the router.\n* [Redux](https://github.com/reactjs/redux)'s futuristic [Flux](https://facebook.github.io/react/blog/2014/05/06/flux.html) implementation.\n* [Koa](http://koajs.com/) server.\n* [Webpack 3](https://webpack.js.org/) for bundling and [**\"Tree-Shaking\"**](https://webpack.js.org/guides/tree-shaking/) support.\n* [Babel](https://babeljs.io/) for ES6 and ES7 transpiling.\n* [nodemon](https://nodemon.io/) to monitor for any changes in your node.js application and automatically restart the server.\n* [redux-thunk](https://github.com/gaearon/redux-thunk) as the middleware to deal with asynchronous action.\n* [react-router-redux](https://github.com/reactjs/react-router-redux) to keep your router in sync with Redux state.\n* [react-helmet](https://github.com/nfl/react-helmet) to manage title, meta, styles and scripts tags on both server and client.\n* [Webpack Dev Middleware](https://github.com/webpack/webpack-dev-middleware) serves the files emitted from webpack over the Express server.\n* [Webpack Hot Middleware](https://github.com/glenjamin/webpack-hot-middleware) allows you to add hot reloading into the Express server.\n* [css-modules-require-hook](https://github.com/css-modules/css-modules-require-hook) compiles CSS Modules in runtime for SSR.\n* [assets-webpack-plugin](https://github.com/kossnocorp/assets-webpack-plugin#why-is-this-useful) generates assets with hash so you can use them for SSR.\n* [Webpack Bundle Analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer) creates a visualize size of webpack output files with an interactive zoomable treemap.\n* [Redux Devtools Extension](https://github.com/zalmoxisus/redux-devtools-extension) for next generation developer experience.\n* [ESLint](http://eslint.org/) to maintain a consistent javascript code style (Airbnb + Prettier).\n* [StyleLint](http://stylelint.io/) to maintain a consistent css/scss code style.\n* CSS support with [PostCSS](https://github.com/postcss/postcss-loader) for advanced transformations (e.g. autoprefixer, cssnext etc.). [CSS modules](https://github.com/css-Modules/css-Modules) enabled.\n* Image (with [image-webpack-loader](https://github.com/tcoopman/image-webpack-loader) for optimizing) and Font support.\n* Split vendor's libraries from client bundle.\n* No other view engines, just javascript based HTML rendering component.\n* Shared app config between development and production.\n* 404 error page and redirect handling.\n* Integrate [Jest](https://facebook.github.io/jest/) with [enzyme](https://github.com/airbnb/enzyme) as the solution for writing unit tests with code coverage support.\n* [Yarn](https://yarnpkg.com/lang/en/) as the package manager.\n\n## Getting Started\n\n**1. You can start by cloning the repository on your local machine by running:**\n\n```bash\ngit clone https://github.com/mdenisov/react-universal-boilerplate.git\ncd react-universal-boilerplate\n```\n\n**2. Install all of the dependencies:**\n\n```bash\nyarn\n```\n\n**3. Build it:**\n\n```bash\nyarn build:dev    # Building bundle\n```\n\n\n**3. Start to run it:**\n\n```bash\nyarn start:dev    # Running dev server\n```\n\nNow the app should be running at [http://localhost:8000/](http://localhost:8000/)\n\n\u003e Note: You can change the port that you want from `./package.json`.\n\n## NPM Script Commands\n\nI use [better-npm-run](https://github.com/benoror/better-npm-run) to manage the scripts in a better way, which also provides the compatibility of cross-platform. All of the scripts are listed as following:\n\n| `yarn \u003cscript\u003e`    | Description                                                                                |\n| ------------------ | ------------------------------------------------------------------------------------------ |\n| `start:dev`        | Run your app on the development server at `localhost:8000`. HMR will be enabled.           |\n| `start:prod`       | Run your app on the production server only at `localhost:8000`.                            |\n| `build:dev`        | Remove the previous bundled files and bundle it to `./public/assets`.                      |\n| `build:prod`       | Remove the previous bundled files and bundle it to `./public/assets`.                      |\n| `lint:js`          | Lint all `.js` files (Use `--fix` to auto fix eslint errors).                              |\n| `lint:css`         | Lint all `.css` files (Use `--fix` to auto fix stylelint errors).                          |\n| `test`             | Run testing once (with code coverage reports).                                             |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdenisov%2Freact-universal-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdenisov%2Freact-universal-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdenisov%2Freact-universal-boilerplate/lists"}