Building Serverless Apps with JAMStack and Eleventy
2h 41mIntermediate2020-03-17
Authors
Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
Course details
JavaScript, APIs, and prebuilt markup. It’s called the Jamstack and it's all you need to build a serverless app. The templating and clean basic architecture make it easier to build applications without reinventing the wheel, while retaining the flexibility you need to handle data from a wide variety of sources. Combined with the static site generator Eleventy you have an even more efficient way to create and deliver serverless apps and websites. In this course, instructor Ray Villalobos takes you through a step-by-step project built with the Jamstack and Eleventy. Learn how to build pages from Eleventy templates and layouts, connect to site data through APIs, use features like shortcodes and filters to inject and update content, and group content in collections. Plus, learn how to use pagination to regroup pages and add navigation with plugins.
Topics include:
- Creating your project
- Organizing the site with templates and layouts
- Adding directory data
- Loading data dynamically with APIs
- Building pages from data
- Managing collections
- Adding pagination and navigation
Topics include:
- Creating your project
- Organizing the site with templates and layouts
- Adding directory data
- Loading data dynamically with APIs
- Building pages from data
- Managing collections
- Adding pagination and navigation
Skills covered
Back-End Web DevelopmentJavaScriptOracleCloud ServicesCloud PlatformsWeb DevelopmentCloud ComputingOne-Off
Concepts
0. Introduction
- 01 - How is the JAMstack better at delivering modern websites
- 02 - Using the exercises for this course
1. Getting Started
- 03 - What exactly is the JAMstack
- 04 - Installing Eleventy
- 05 - Creating a Node.js Eleventy project
2. Organizing Your Serverless Site
- 06 - Creating front matter data
- 07 - Building a template page
- 08 - Layout chaining
3. Using with Site Data
- 09 - Using a data file
- 10 - Adding directory data
- 11 - Loading content dynamically with APIs
- 12 - Using alternative data formats
- 13 - Building pages from data
4. Working with Content Features
- 14 - Short codes
- 15 - Permalinks
- 16 - Filters
5. Managing Collections
- 17 - Understanding collections
- 18 - Building collections using tags
- 19 - Using collection modifiers
6. Using Pagination and Plugins
- 20 - Understanding pagination
- 21 - Creating post pagination
- 22 - Using pagination navigation
- 23 - Adding a plugin for main navigation
Conclusion
- 24 - Next steps