Beginning 11ty and Netlify Static Site Course
Author: Makzan
In this course, we learn JAM stack by using 11ty and Netlify hosting.
There are three components in JAM Stack, Markup, JavaScript and API.
In the first part of the course, we will focus on the Markup part of the JAM stack.
We will use static site generator 11ty to create our pie generated website.
In part 2, we will extend the site by using Netlify hosting. It provides several essential server-side functions. By using different services and their APIs, we can make our site dynamic. Then in part 3, we will use JavaScript to further enhance our use of the APIs and services.
Specifically, we will learn the following:
Part 1: 11ty static sites generator
First, we use Eleventy to create a static site.
- Lesson 1—Single page website
- Lesson 2—Dynamic vs. static web
- Lesson 3—Hosting static site with Netlify
- Lesson 4—Continue deployment by connecting Github and Netlify
- Lesson 5—Introducing static site generator
- Lesson 6—Layouts template in 11ty
- Lesson 7—Markdown, liquid and njk
- Lesson 8—Pass through copy configuration with.elecenty.js
- Lesson 9—Data and Collection
- Lesson 10—Categories and Pagination
Part 2: Netlify functionalities
Netlify provides some essential server-side functionalities to make our web site dynamic.
- Lesson 11—Netlify hosting
- Lesson 12—Using _redirects
- Lesson 13—Form handling
- Lesson 14—Netlify Identity
- Lesson 15—Netlify functions
Part 3: JavaScript and APIs
In part 3, we extend the functionalities to include our custom server-side code.
About Makzan
Thomas Mak, a.k.a. Makzan, runs Web Technologies skill competitions. The students he trained has won international awards in web and design area, including gold, silver and bronze medals in WorldSkills.
Makzan also wrote 5 books, including Flash Multi-player World, HTML5 Games Development and Beginning Git Version Control.
If you have any questions, please feel free to ask me via chat.
Source
The book source is hosted on Github/makzan.
License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.