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. 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. Creating Functional Components with Shortcodes

Create functional components with Javascript and use them through 11ty's shortcodes.
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.

Creating Functional Components with Shortcodes