Building Serverless Apps with JAMStack and Eleventy

Learn how to create a serverless website using Jamstack (JavaScript, APIs, and markup) principles and the Eleventy static site generator.

Introduction

• How is the JAMstack better at delivering modern websites?
• Using the exercises for this course

1. Getting Started

• What exactly is the JAMstack?
• Installing Eleventy
• Creating a Node.js Eleventy project

2. Organizing Your Serverless Site

• Creating front matter data
• Building a template page
• Layout chaining

3. Using with Site Data

• Using a data file
• Adding directory data
• Loading content dynamically with APIs
• Using alternative data formats
• Building pages from data

4. Working with Content Features

• Short codes
• Permalinks
• Filters

5. Managing Collections

• Understanding collections
• Building collections using tags
• Using collection modifiers

6. Using Pagination and Plugins

• Understanding pagination
• Creating post pagination
• Using pagination navigation
• Adding a plugin for main navigation

Conclusion

• Next steps