Pre-Generate Static Pages With Dynamic Content

Learn how to generate static pages on the fly with a dynamic, database backed API fallback.

   Watch Promo

Static site generation is one of the core principals of the Jamstack. There are situations, however, when a site needs to handle user-generated/created content (UGC/UCC). In this case, we need to think about how to generate static websites based on dynamic content.

During the course, we'll build a simple application - but let not this deter you, the app is kept simple to provide valuable teaching points.

In the first section of the course, you will learn how to work with 11ty (Eleventy), a JavaScript-based static site generator to build HTML pages at build-time based on templates (Nunjucks).

The following section focusses on the API aspect of the Jamstack - "there's an API for that". You will learn how to manage images via Cloudinary as well as how to add a fully functional, customisable upload widget to your application with only a few lines of code. Furthermore, we'll take a look at Fauna as well - a serverless database which will allow us to utilise persistent data in a world which does not leverage origin servers.

The final section is going to discuss some architectural decisions while discussing Netlify Functions (serverless functions) as well as giving you a chance to learn how to generate a static site using Netlify build hooks programmatically. The entire application is going to be resilient - it will display user-generated content either by making a direct call to Fauna or displaying a pre-generated site which will be created during a build process - programmatically.

By completing this course, you will become familiar with essential concepts regarding the Jamstack in the areas of generating static sites based on dynamic data which you will be able to apply to any future project.


Your Instructor


Tamas Piros
Tamas Piros

Tamas is a Google Developer Expert in Web Technologies and a Developer Evangelist. He has more than a decade of experience delivering technical training to large, prestigious organisations. Throughout his career, he has delivered presentations and training classes all over the world. His passionate about unlocking the latest & greatest features of web development.


Course Curriculum


  Introduction
Available in days
days after you enroll
  Introduction to 11ty (Eleventy) And Themes
Available in days
days after you enroll
  Creating the Application Architecture
Available in days
days after you enroll

Frequently Asked Questions


When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.
What technologies are being used?
We are using 11ty for static site generation, Cloudinary for image management and uploads, Fauna DB as a serverless database and Netlify for hosting, deployment and serverless functions.

Get started with the Jamstack today! Becoming hands-on with technologies and services being heavily utilised by JAMstack projects will give you first-class experience of the stack. You will gain valuable knowledge and be able to apply your newly gathered skills in different projects.

Get started now!