Static-site GeneratorsStatic-site GeneratorsJekyll to be specific…Jekyll to be specific…

Who am I?Who am I?

• Ruben TanRuben Tan

• VP of EngineeringVP of Engineering

• OnApp KLOnApp KL

• Super Awesome HairSuper Awesome Hair

DatabaseDatabaseDatabaseDatabase

Static-site GeneratorsStatic-site Generators

HTMLHTMLHTMLHTML

SSGSSGSSGSSG

MVCMVCFrameworkFramework

MVCMVCFrameworkFramework CMSCMSCMSCMS

CustomCustomWebappWebappCustomCustomWebappWebapp

MarkdownMarkdown# Heading 1# Heading 1

## Heading 2## Heading 2

### Heading 3### Heading 3

This is a **paragraph** with This is a **paragraph** with an _underline_an _underline_

* Bullet 1* Bullet 1* Bullet 2* Bullet 2

<h1>Heading 1</h1><h1>Heading 1</h1>

<h2>Heading 2</h2><h2>Heading 2</h2>

<h3>Heading 3</h3><h3>Heading 3</h3>

<p>This is a <p>This is a <strong>paragraph<strong> <strong>paragraph<strong> with an with an <em>underline</em></p><em>underline</em></p>

<ul><li>Bullet 1</li><ul><li>Bullet 1</li><li>Bullet 2</li></ul><li>Bullet 2</li></ul>

Demo Time!Demo Time!

Benefits of SSGsBenefits of SSGs

• Very very easy to kickstartVery very easy to kickstart

• Comes with powerful templating featuresComes with powerful templating features

• Highly customizableHighly customizable

• Very little need to dive into server-side code Very little need to dive into server-side code (PHP/Ruby/etc)(PHP/Ruby/etc)

• Can be used to prototype high-content websitesCan be used to prototype high-content websites

When to use SSG?When to use SSG?

1.1. Markdown/textile works better than HTMLMarkdown/textile works better than HTML

2.2. You need some form of simple templatingYou need some form of simple templating

3.3. Your client doesn’t need to update content by Your client doesn’t need to update content by themselvesthemselves

4.4. You don’t need to perform complex data You don’t need to perform complex data operationsoperations

5.5. You kind of don’t really like UI control panelsYou kind of don’t really like UI control panels

One more tool in your One more tool in your boxbox