Slide 1

Slide 1 text

Mike Neumegen / CloudCannon - @mikeneumegen Wordpress vs Jekyll

Slide 2

Slide 2 text

Wordpress ● PHP based ● Builds pages on the fly ● Powers 75 million websites Jekyll ● Ruby static site generator ● Builds a static site ● Powers at least over 650,000 sites. Probably millions.

Slide 3

Slide 3 text

The Site

Slide 4

Slide 4 text

Setup Developer Environment - Wordpress ● Install MAMP ● Download Wordpress ● Run the Installer

Slide 5

Slide 5 text

Setup Developer Environment - Jekyll jekyll serve gem install jekyll -v 2.4.0

Slide 6

Slide 6 text

Development - Wordpress ● index.php calls other templates to build the site ● content.php builds a page or list of blog posts ● Content is stored in a database ● 18 template files

Slide 7

Slide 7 text

Development - Jekyll ● default.html contains basic HTML structure ● post.html defines the structure of blog posts ● Blog posts are markdown files ● Everything is static

Slide 8

Slide 8 text

Deployment - Wordpress

Slide 9

Slide 9 text

Deployment - Jekyll

Slide 10

Slide 10 text

Page Content Editing - Wordpress

Slide 11

Slide 11 text

Post Content Editing - Wordpress

Slide 12

Slide 12 text

Page Content Editing - Jekyll

Slide 13

Slide 13 text

Post Content Editing - Jekyll

Slide 14

Slide 14 text

Performance

Slide 15

Slide 15 text

The right tool for the job ● Security ● Scalability ● Complexity ● Development time ● Workflow ● User generated content

Slide 16

Slide 16 text

Static site source Jekyll Site source Wordpress theme source CloudCannon @mikeneumegen [email protected] Links