English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 2h 41m | 506 MB
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
Table of Contents
1 How is the JAMstack better at delivering modern websites
2 Using the exercises for this course
3 What exactly is the JAMstack
4 Installing Eleventy
5 Creating a Node.js Eleventy project
6 Creating front matter data
7 Building a template page
8 Layout chaining
9 Using a data file
10 Adding directory data
11 Loading content dynamically with APIs
12 Using alternative data formats
13 Building pages from data
14 Short codes
15 Permalinks
16 Filters
17 Understanding collections
18 Building collections using tags
19 Using collection modifiers
20 Understanding pagination
21 Creating post pagination
22 Using pagination navigation
23 Adding a plugin for main navigation
24 Next steps
Resolve the captcha to access the links!