Smix Eleventy Starter

Role

Primary Author

Duration

Ongoing

Tools Used/Explored

  • Eleventy
  • microformats2
  • LiquidJS
  • Search Engine Optimization (SEO)
Source Code
Website

♥ Eleventy static site generator.

  • Date filters for a friendly version such as 10 March 2020, and ISO8601 (also RFC822 compatible)
  • getUrl shortcode similar to Jekyll’s post_url and link liquid tags
  • Custom rendering engine for HTML files – Liquid v9
    • Adds support for missing filters such as where and improves performance

💁🏽‍♀️ Indie publishing and reading experience.

  • microformats2 support for h-card, h-entry, and h-feed out of the box.
  • Your friends can follow you on IndieWeb readers (Microsub).
  • Sign in using your website (IndieAuth).

🛋 Preconfigured for Forestry CMS & NetlifyCMS.

  • Sign up, log in, look for the Deploy admin option.
  • Everything else is set up for you already. 🙂

👩🏽‍💻 Modern JavaScript.

  • Transpilation via Babel:
    • Support for ES2015 JavaScript syntax.
    • Support for ES2017 async/await syntax.
  • Module bundling via Browserify.

🎨 PostCSS.

  • Includes: imports, nesting, purge, minification, autoprefixer.
  • TailwindCSS, configured to strip out unused classes from production builds.
  • Easily build a dark mode using the included dm screen type: dm:bg-gray-900.

🔍 Optimized for SEO & discoverability.

  • Meta tags for social networks (Open Graph/Twitter).
  • Sitemap with changeFrequency; robots.txt (please also see issue #7)
  • An Atom feed with support for both published and updated dates on articles.
  • Support for content-description meta tag.

📖 A sane fonts setup.

  • The font-sans class is configured to use system-default fonts.
  • Include fonts locally for enhanced privacy of your visitors.
  • typeset for professional looking content.

😎 Other cool stuff you should get your hands on.

  • Minified assets on production.
  • Prettier and editorconfig.
  • Modular gulp task files for easy configuration and modification.