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.

JAM stack and beyond
JAM Stack

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:

Start reading

Part 1: 11ty static sites generator

First, we use Eleventy to create a static site.

Part 2: Netlify functionalities

Netlify provides some essential server-side functionalities to make our web site dynamic.

Part 3: JavaScript and APIs

In part 3, we extend the functionalities to include our custom server-side code.

Note that I’m now updating the table of content.

Start reading

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.


The book source is hosted on Github/makzan.


This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.