YoVDO

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

Offered By: Kevin Powell via YouTube

Tags

Jamstack Courses Computer Science Courses Web Development Courses HTML Courses Netlify Courses Eleventy Courses

Course Description

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


Taught by

Kevin Powell

Related Courses

Building Serverless Apps with JAMStack and Eleventy
LinkedIn Learning
Accessible Cross-Browser CSS Form Styling
egghead.io
Develop Custom Twitch Scenes and Setup in OBS
egghead.io
Learn About Islands Architecture With Slinkity
Learn With Jason via YouTube
Let's Learn Passwordless Auth!
Learn With Jason via YouTube