This course was originally authored by Andy Bell and hosted at learneleventyfromscratch.com. This fork is now maintained by uncenter.

• ✅ Up to date!
  • Eleventy v3 and ESM syntax.
  • Eleventy-native asset pipeline instead of Gulp, using the Eleventy Image plugin and custom template languages.
  • Date formatting with Luxon instead of Moment.
• 🎈 Built with 11ty (Andy-set-studio/learneleventyfromscratch.com#28).
• 🎨 Syntax highlighting!
• 🔦 Dark/light/system themes.
• 💾 Completed lesson archives for the entire course (Andy-set-studio/learneleventyfromscratch.com#37).

Content changes should ideally first be raised as issues where they can be discussed. Small corrections can be made directly in a pull request.

The site is based on the wonderful Eleventy Notes project by Sandro Roth.

Changes made to content that affect the project result are matched by updating the completed lesson tracker commits at uncenter/learn-eleventy-completed.

1. Clone the repository:

   git clone https://github.com/uncenter/learn-eleventy.git 

2. Navigate to the .app folder, and install dependencies with pnpm:

   cd .app pnpm install

3. In the .app folder, run the following command to start the development server:

   pnpm start 

Many of the pre-existing screenshots were historically taken using Cleanshot X, with the window wallpaper background enabled, of an unknown browser.

The procedure for new or replacement screenshots, going forward, is to also use Cleanshot X — with the window wallpaper enabled, set to plain white, and with level two padding (the option between min and default) — for screenshots in window mode of the Confectionary special-purpose browser — in (system) dark mode with the traffic lights and address bar enabled.

MIT