WordPress vs Jekyll

From the 2/17 SFRails event!

Published on behalf of the creator, Mike Neumegen of CloudCannon.

Transcript

1. Mike Neumegen / CloudCannon - @mikeneumegen
   Wordpress vs Jekyll
   

   View Slide

2. 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.
   

   View Slide

3. The Site
   

   View Slide

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

   View Slide

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

   View Slide

6. 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
   

   View Slide

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

   View Slide

8. Deployment - Wordpress
   

   View Slide

9. Deployment - Jekyll
   

   View Slide

10. Page Content Editing - Wordpress
    

    View Slide

11. Post Content Editing - Wordpress
    

    View Slide

12. Page Content Editing - Jekyll
    

    View Slide

13. Post Content Editing - Jekyll
    

    View Slide

14. Performance
    

    View Slide

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

    View Slide

16. Static site source
    Jekyll Site source
    Wordpress theme source
    CloudCannon
    @mikeneumegen
    mike@cloudcannon.com
    Links
    

    View Slide