Beginning 11ty and Netlify Static Site Course
In this course, we learn JAM stack by using 11ty and Netlify hosting.
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.
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
In part 3, we extend the functionalities to include our custom server-side code.
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.
The book source is hosted on Github/makzan.
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.