Turn Static HTML-CSS into a Blog with CMS Using the JAMStack

Overview

Learn how to transform a static HTML/CSS website into a dynamic blog with a content management system using the JAMStack approach. Follow along as the instructor guides you through initializing the project, installing Eleventy, configuring the 11ty framework, creating template files, generating blog content, formatting dates, and setting up individual article templates. Discover how to implement a featured article section, deploy the project online, integrate Netlify CMS, and effectively use the content management system. This comprehensive tutorial covers everything from project setup to final deployment, providing practical insights into modern web development techniques.

Syllabus

- Introduction
- DevProjects
- The starting files I'm using
- Initializing the project and installing 11ty
- 11ty config file
- Creating header and footer template files
- Generating content for the Blog page
- Fixing the date formatting
- Creating the template for individual articles
- Featured article section
- Getting the project online
- Adding the CMS
- Using the CMS