Smix Eleventy Starter

Highlights

Tools Used/Explored

• Eleventy
• microformats2
• LiquidJS
• Search Engine Optimization (SEO)

About the project

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

Statistics