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
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!
mathias@netlify.com @biilmann
www.netlify.com