• Home
  • Starters
  • Courses
  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.

Creating Functional Components with Shortcodes