Keine Beschreibung

Konstantin Tarkus cb3bd44650 Update ESLint settings		vor 10 Jahren
components	cb3bd44650 Update ESLint settings	vor 10 Jahren
content	cb3bd44650 Update ESLint settings	vor 10 Jahren
scripts	bdfc82a852 Initial commit	vor 10 Jahren
test	bdfc82a852 Initial commit	vor 10 Jahren
.babelrc	bdfc82a852 Initial commit	vor 10 Jahren
.editorconfig	bdfc82a852 Initial commit	vor 10 Jahren
.eslintrc	cb3bd44650 Update ESLint settings	vor 10 Jahren
.gitattributes	bdfc82a852 Initial commit	vor 10 Jahren
.gitignore	bdfc82a852 Initial commit	vor 10 Jahren
LICENSE.txt	bdfc82a852 Initial commit	vor 10 Jahren
README.md	cc4c2a5c68 Update README.md	vor 10 Jahren
gulpfile.babel.js	4b1cf85faf Fix ESLint warnings	vor 10 Jahren
package.json	cb3bd44650 Update ESLint settings	vor 10 Jahren
webpack.config.js	3d9881275f Add CSS, postCSS loaders	vor 10 Jahren

React Static Boilerplate

Static website generator built on top of React.js and Gulp/Webpack

Features

✓ Generates static .html pages from React components
✓ Generates routes based on the list of files in the /content folder
✓ Next generation JavaScript with Babel
✓ Next generation CSS with postCSS and cssnext
✓ Development web-server with React Hot Loader
✓ Bundling and optimization with Gulp/Webpack
✓ Code-splitting and async chunk loading
✓ Easy deployment to GitHub Pages or Amazon S3

Getting Started

Just clone the repo, install Node.js modules and run npm start:

$ git clone -o upstream https://github.com/koistya/react-static-boilerplate MyApp
$ cd MyApp
$ npm install
$ npm start

Then open http://localhost:3000/ in your browser.

Directory Layout

.
├── /build/                     # The folder for compiled output
├── /components/                # React.js components
├── /content/                   # React.js-based web pages and other assets
├── /node_modules/              # 3rd-party libraries and utilities
├── /scripts/                   # JavaScript code
│   ├── /app.js                 # Startup script
│   ├── /pages.js               # Utility to generate html pages during a build
│   └── /routes-loader.js       # Webpack loader to generate the list of URLs
│── gulpfile.babel.js           # Build automation script(s)
│── package.json                # The list of 3rd party libraries and utilities
└── webpack.config.js           # Configuration for bundling and optimization

How to Test

The unit tests are powered by chai and mocha.

$ npm test

How to Deploy

$ npm run build -- --release    # Builds the project in release mode
$ npm run deploy                # Deploys the project to GitHub Pages

How to Update

You can always fetch and merge the recent changes from this repo back into your own project:

$ git checkout master
$ git fetch upstream
$ git merge upstream/master
$ npm install

Related Projects

React Starter Kit

README.md