Technical requirements

This is the beginning of project 2. In order to follow along, fork and clone the book’s GitHub repository at https://github.com/PacktPublishing/Eleventy-by-Example and begin in project-2/chapter-4/start. The starting point for this project is a very basic 11ty site and can operate as a reminder of and practice for the basic project setup we covered in Chapter 1.

In this project, we’ll start with an index page, a posts page, and a basic base layout. This project also uses Tailwind CSS for styling with Tailwind’s CDN.

What is Tailwind CSS?

Tailwind is a “utility-first” CSS framework. We’ll use this throughout the rest of the book for simple styling without needing to dive into the inner workings of CSS. Throughout the code examples, there will be various class names added to the HTML. These classes are how Tailwind will style the content.

None of these classes is necessary to make the projects work, but they...