Work

Smix Eleventy Starter

Role: Author

Duration: Ongoing

Tools Used/Explored: Eleventy, mi­cro­for­mats2, liq­uidjs

Repository: Link

Stargazers on GitHub ⭐:


🌻 A gulp-based starter for Static Site Generators, pre­con­fig­ured for @11ty/eleventy and Forestry CMS

Framework

  • ♥ Eleventy 0.11.0 out of the box
    • Date fil­ters for a friendly ver­sion such as 10 March 2020, and ISO8601 (also RFC822 com­pat­i­ble)
    • getUrl short­code sim­i­lar to Jekyll's post_url and link liq­uid tags
    • Custom ren­der­ing en­gine for HTML files - Liquid v9
      • Adds sup­port for miss­ing fil­ters such as where and im­proves per­for­mance
  • 🛋 Preconfigured for Forestry CMS.
    • Sign up, log in, look for the Deploy admin op­tion.
    • Everything else is set up for you al­ready. 🙂
  • 💁Indie pub­lish­ing and read­ing ex­pe­ri­ence
    • mi­cro­for­mats2 sup­port for h-card, h-entry, and h-feed out of the box
  • 👩‍💻 Modern JavaScript
    • Transpilation via Babel
      • Support for ES2015 JavaScript syn­tax
      • Support for ES2017 async/await syn­tax
    • Module bundling via Browserify
  • 🎨 PostCSS
    • Includes: im­ports, nest­ing, purge, mini­fi­ca­tion, au­to­pre­fixer
    • TailwindCSS, con­fig­ured to strip out un­used classes from pro­duc­tion builds
    • Easily build a dark mode us­ing the in­cluded dm screen type: dm:bg-gray-900
  • 🔍 SEO and more
    • Meta tags for so­cial net­works (Open Graph/Twitter)
    • Sitemap with changeFrequency; robots.txt (please also see is­sue #7)
    • An Atom feed with sup­port for both published and updated dates on ar­ti­cles
    • Support for content-description meta tag
  • 📖 A sane fonts setup
    • The font-sans class is con­fig­ured to use sys­tem-de­fault fonts
    • Include fonts lo­cally for en­hanced pri­vacy of your vis­i­tors
    • typeset for pro­fes­sional look­ing con­tent
  • 💪 Minified as­sets on pro­duc­tion
  • 📔 Prettier and ed­i­tor­con­fig
  • 🔧 Modular gulp task files for easy con­fig­u­ra­tion and mod­i­fi­ca­tion