Overview
-
Learn how to create a serverless website using Jamstack (JavaScript, APIs, and markup) principles and the Eleventy static site generator.
Syllabus
-
Introduction
- How is the JAMstack better at delivering modern websites?
- Using the exercises for this course
- What exactly is the JAMstack?
- Installing Eleventy
- Creating a Node.js Eleventy project
- Creating front matter data
- Building a template page
- Layout chaining
- Using a data file
- Adding directory data
- Loading content dynamically with APIs
- Using alternative data formats
- Building pages from data
- Short codes
- Permalinks
- Filters
- Understanding collections
- Building collections using tags
- Using collection modifiers
- Understanding pagination
- Creating post pagination
- Using pagination navigation
- Adding a plugin for main navigation
- Next steps
