Dynamic to-static

33
Dynamic to Static Onboarding to static site generation from a dynamic workflow @biilmann www.netlify.com

Transcript of Dynamic to-static

Dynamic to StaticOnboarding to static site generation from a dynamic workflow

@biilmann www.netlify.com

From Wordpress to Static

What does Wordpress Do?

Powers 24% of the Internet

Not Wordpress 76%

Wordpress 24%

Blows up all the time!

Vulnerable Installs 79%

Secure Installs 21%

When you upgrade a plugin

wp-admin

wp-content

PHP crap…

Wordpress

WP-admin

WP-Includes

PHP Crap

A Static ApproachWhat if we reengineered Wordpress as a Static Site

Generator?

What is Static?It’s not about:

Dynamic content vs static brochure Database vs Flat Files Writing HTML by hand

What is Static?No dynamic programming on the server

A Caching Contract

Static Wordpress: WP-admin

Static Wordpress: WP-Includes

Static Wordpress: PHP Crap

Replacing The PHP Crap :)

Picking a static site generator

Typical Static Site Generator Flow

Lets look at netlify.com - currently a Jekyll based site

netlify.com admin

netlify.com “includes”

netlify.com the whole flow

netlify CDN

Picking Your Static Site Generator

What you should look for…

The Modern Static Site GeneratorTemplating

Asset Pipeline Content

Metadata Filtering & Sorting

Plugins

Mapping out the STG landscape

Build Tools Build Tools/STG Full Fledged STG Specialized STG

What to look for: Asset Pipeline

Sass/CoffeeScript/Babel.js/Less/Stylus/etc,etc,etc Composable? Extensible? vs Simple? No configuration?

Bower? NPM?

What to look for: Content

Typically Markdown ReStructuredText

External APIs? Contentful, Prismic, Google Docs

What to look for: Metadata

Frontmatter? YAML? JSON? TOML?

Separate Data Document

What to look for: Filter & Sort

Code in templates? Built-in Sort and Filter features?

Easy helper methods?

What to look for: Plugins

Can you write plugins? Plugin ecosystem?

What’s possible with a plugin? Plugin Hooks?

Q/AWhat else do you want from a static site generator?

Thank You!

[email protected] @biilmann

www.netlify.com