node package manager

dao-blueprint

Static Builder

A static website starter kit powered by daocloud and Webpack.

### Features

    ✓ Generates static .html pages from Web(hbs) components
    ✓ Generates routes based on app.js
    ✓ Next generation JavaScript with Babel
    ✓ Sass syntax for CSS via postCSS and precss
    ✓ Bundling and optimization with Webpack
    ✓ Yeoman generator (generator-react-static)

Directory Layout

.
├── /build/                     # The folder for compiled output
├── /node_modules/              # 3rd-party libraries and utilities
├── /components/                # React components
├── /core/                      # Core framework
├── /pages/                     # React.js-based web pages
│   ├── /blog/                  # Blog post entries example
│   ├── /404.js                 # Not Found page
│   ├── /500.js                 # Error page
│   ├── /about.js               # About Us page
│   └── /index.js               # Home page
├── /static/                    # Static files such as favicon.ico etc.
├── /test/                      # Unit and integration tests
├── /tools/                     # Build automation scripts and utilities
│── app.js                      # The main JavaScript file (entry point)
│── config.js                   # Website configuration / settings
│── LICENSE.txt                 # License file
│── package.json                # Dev dependencies and NPM scripts
└── README.md                   # Project overview

Getting Started

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

$ git clone -o dao-blueprint  -b master --single-branch \
      https://github.com/DaoCloud/dao-blueprint.git MyStaticApp
$ cd MyStaticApp
$ npm install
$ npm start

Then open http://localhost:8080/webpack-dev-server/index.html in your browser.

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 dao-blueprint
$ git merge dao-blueprint/master
$ npm install

Related Projects

Learn More


Made with ♥ by YeTing (@Yeting)