Assemble Template

A boilerplate to generate static HTML pages using Assemble.io. Livereload served using grunt-connect and grunt-contrib-watch.

Managing a library of Static HTML pages can be daunting, especially when you're making miniscule amends. Assemble.io generates your HTML from handlebars templates, so changes made are reflected across all pages.

What projects can I use assemble-template for?

• Building and maintaining lightweight, CMS-less websites
• Wireframes and scaffolding
• HTML Emails

Installation

Clone the repository by running the following command.

git clone https://github.com/thetanman/assemble-template.git

Change to the project directory to the git repo and install node modules.

cd assemble-template && npm install

Project Structure

This template uses example button-040 to generate 2 pages, ./dist/001/index.html and ./dist/002/index.html.

001/
  | index.hbs
  | partial.hbs
  | partial.json
002/
  | index.hbs
  | partial.hbs
  | partial.json
assets/
  img/
templates/
  | includes/
    | header.hbs
    | footer.hbs
  | layouts/
    | default.hbs  
Gruntfile.js
node_modules/
package.json
README.md

Versions

Version 2.0: Polar Bear

• Added grunt-contrib-connect to serve HTML files
• Mimic project structure from assemble buttons
• Removed browser-sync support, switched to grunt-contrib-watch for livereload options

Version 1.1: Bear

Added grunt-contrib-watch to update changes to handlebars files, livereload served with browser-sync.

Roadmap:

• Watch for added files to project using grunt-contrib-watch
• Add documentation section with markdown capability