The Strange Case of Jekyll and Prose – Static Sites – ++

View Github Repository Open presentation in a new window

dstaley

See all presentation from dstaley

The Strange Case of Jekyll and Prose – Static Sites – ++

0 1

the-strange-case-of-jekyll-and-prose

Jekyll and Prose make a great combination. Learn why.

On Github dstaley / the-strange-case-of-jekyll-and-prose

The Strange Case of Jekyll and Prose

Presented by Dylan Staley / @dstaley

Table of Contents

Why static sites are amazeballs The beast that is Jekyll How to succeed with Jekyll without really trying

Static Sites

static site

noun

website where pages are stored as individual HTML files and served without server-side rendering.

Benefits Galore

  • Easy to setup
  • Secure
  • Fast
  • Works well with CDNs
  • Stupid Super easy to deploy

GitHub, S3, and more (oh my!)

GitHub

$ git add -am "Changed some stuff"
$ git push origin gh-pages

S3 (with the s3_website gem)

$ s3_website push

Easy deploys to Google App Engine, Heroku, and anything else capable of serving HTML files.

The Mantra of Jekyll

Simple

Static

Blog-aware

Simple: no databases, comment moderation, or complicated updates. Static: Supports Markdown, Textile, Liquid tags, HTML, and CSS. Blog-aware: Pretty URLs, categories, pages, posts, and custom layouts are all supported.

How to catch a Jekyll

~ $ gem install jekyll
~ $ jekyll new my-awesome-site
~ $ cd my-awesome-site
~/my-awesome-site $ jekyll serve
# => Now browse to http://localhost:4000

DEMO

Create new Jekyll site, show folder structure. Show dstaley.me, dstaley.me/isds, and aveneuerougerunway.com.

++

“Prose provides a beatifully simple content authoring environment for CMS-free websites. It's a web-based interface for managing content on GitHub. Use it to create, edit, and delete files, and save your changes directly to GitHub. Host your website on GitHub Pages for free, or set up your own GitHub webhook server.”

DEMO

Login to Prose and edit dstaley.me. Add "{% include cards/jekyll.html %}" to index.html and commit.

WHY?!?

It's free (as in speech and as in beer). It's easier than Wordpress (or any other CMS). Mortals can make changes to site content. Holy hell it's fast. The new healthcare.gov was built using it. Used by nerds all over the world. Make sure to open healthcare.gov and list in new tabs.

WHY NOT?!?

You hate things that are simple. You feel comfortable when there is a mySQL database involved. You want to be the only person who understands how to make changes. You like a site where only five people can view it at a time.

But seriously: why not?

You're working with user-data. (Uploads, oAuth, etc.) You need complex server-side functionality.* * You can often overcome this by building an API and having the website consume it.Make sure to ask for questions on this slide.

Thanks!

Reference