# Cybernautic-Boilerplate

This boilerplate is designed for rapid development of a custom css build to integrate with Cybernautic's CMS. It uses [Webpack](https://webpack.js.org/), [Browserify](https://www.browserify.org), [React/JSX](https://facebook.github.io/react/docs/hello-world.html), [SCSS](http://sass-lang.com/documentation/file.SASS_REFERENCE.html), and [Babel](http://babeljs.io/), along with several other minor dependencies. 

## Installation

1. Download the repo as a zip folder.
2. Unzip the archive in your project root folder.
3. run `npm install` in the project root folder.

## Usage
### Develop
`npm start` will spin up a local node server to preview changes in development. The default address is `localhost:3000/`, although the terminal will show if a different port is used instead. After processing all project files, Webpack will generate a `dev` folder that contains generated html for each page, and an assets folder that contains scripts, images, and stylesheets. This `dev` folder is watched by [Browserify](https://www.browserify.org) to provide hot reloading: changes to code will be immediately visible in the browser.

### Build
`npm run build` creates a `build` folder with optimized html, css, and javascript. The contents of this build folder can be placed directly on a dev server for previewing/punchlisting.