Eleventy By Example, published by Packt
This is the code repository for Eleventy By Example, published by Packt.
Create powerful, performant websites with a static-first strategy
This book is for anyone looking to build efficient websites while shipping less JavaScript to the client. Strong knowledge of HTML and CSS and beginner-level knowledge of JavaScript and the Node.js ecosystem, including querying APIs is a must.
This book covers the following exciting features:
- Create a basic website with reusable templates and globally available data
- Build a blog using 11ty’s collections
- Set up a photography site that uses the 11ty Image plugin to deploy properly sized images
- Connect a content management system to provide an enhanced editor and developer experience
- Model an enhanced search experience with no dedicated server through serverless functions and 11ty Serverless
- Boost productivity by creating custom 11ty tools and plugins
If you feel this book is for you, get your copy today!
All of the code is organized into folders. For example, Project1.
The code will look like the following:
{% if title or bannerContent %}
<section class="banner">
{% if title %}<h1>{{ title }}</h1>{% endif %}
{% if bannerContent %}<p>{{ bannerContent }}</p>{% endif %}
</section>
{% endif %}
Following is what you need for this book:
11ty is the dark horse of the Jamstack world, offering unparalleled flexibility and performance that gives it an edge against other static site generators such as Jekyll and Hugo. With it, developers can leverage the complete Node ecosystem and create blazing-fast, static-first websites that can be deployed from a content delivery network or a simple server. This book will teach you how to set up, customize, and make the most of 11ty in no time.
With the following software and hardware list you can run all code files present in the book (Chapter 1-10).
| Software required | OS required |
|---|---|
| 11ty 2.0 | Windows, macOS, or Linux |
| Node.js 18 | Windows, macOS, or Linux |
We also provide a PDF file that has color images of the screenshots/diagrams used in this book. Click here to download it.
Bryan Robinson is a developer and designer with over 15 years of experience building and leading teams on the web. He enjoys well-written HTML, clean CSS, and just the right amount of JavaScript.