Eleventy

up:: Tools MOC

• 🗄️ Documentation

Getting started

# Initialise npm, skipping all questions
npm init -y
 
# Install Eleventy
npm install --save-dev @11ty/eleventy

Guides

• Itsiest, Bitsiest Eleventy Tutorial
• Deploying an 11ty Site to GitHub Pages - Snook.ca
• Eleventy Walk Through - Templates Files
• Build An Eleventy (11ty) Site From Scratch | egghead.io
• Eleventy and VSCode
• Building Personal Static Site with Eleventy
• Structuring Eleventy projects - Webstoemp
• Automatically generate open graph images in Eleventy | bnijenhuis

Learning Log

• How do I style with SCSS? Using SASS With Eleventy — John Kemp-Cruz
• How do I quickly commit everything? gcam "Message" (Git)
• How do I add images? Eleventy Crash Course #2 - Using Images, Global CSS Styles, Page Specific CSS Styles - YouTube
• How do I write out json data?
  • JavaScript Data Files — Eleventy
  • javascript - Nunjucks iterate over items in an array to display items in object - Stack Overflow

Starter

• License
• .gitignore

Ressources

• Using Webmentions in Eleventy | Max Böck