A Look At


Presented by Joe Fleming


@w33ble
github.com/w33ble

HarvestJS

Saturday, October 19th
University of Advancing Technology (UAT)

Free, all-day workshop
Come learn Node.js

Follow @harvestjs

Desert Code Camp

Saturday, November 9th
Chandler-Gilbert Community College

Free, all-day series of presentations
One of the best tech events in the valley

Follow @desertcodecamp

Agenda

  • Intro Static Sites
  • Demo DocPad Sites
  • Install DocPad
  • Renderers & Plugins
  • DocPad workflow
    • Bower & Grunt

Traditional Sites

Generates content for every request

  • Slow
  • Bloated
  • Complex

Static Sites

Generate content for every change 

  • Fast
  • Simple


Static Generators

Focus on content, not data


examples
Most Github Pages

Benefits

  • Easy to setup
  • Easy to deploy
  • Many free/cheap hosting options
  • Super fast
  • Secure
  • Works everywhere

Why DocPad?

  • Backbone & QueryEngine
  • Scheduled rendering
    • Simulate realtime
  • Node.js
  • Coffeescript
 

What is DocPad?

  • Static site generator
  • Content management tool
  • Powered by the file system
  • Does rendering via plugins
  • Static site generation
  • Built with Node and Express.js

Concepts

  • Layouts
    • Nesting
    • Blocks
  • Pages and posts
    • Metadata
  • Query-able datasets
    • No Database
  • Static assets
  • Custom functionality




Example Time!

Docpad

By Joe Fleming

Docpad

DocPad slides, pre-cursor to the code examples

  • 2,155