Eleventy Crash Course

Get Started chevron_right

Lessons

1. 1. Setting up a new 11ty project, creating Layouts, using Nunjucks templates

   Learn how to setup an 11ty project from scratch, create custom layouts, and get familiar with Nunjucks.

2. 2. Using Images, Global CSS Styles, Page Specific CSS Styles

   Load images from an assets folder, use global CSS styles, and page specific styles in your site.

3. 3. Creating Functional Components with Shortcodes

   Create functional components with Javascript and use them through 11ty's shortcodes.

4. 4. The 11ty Data Cascade & Fetching Data From An API

   See an example of Eleventy's data cascade and fetch articles from the New York Times API.