Turn Static HTML-CSS into a Blog with CMS Using the JAMStack
Offered By: Kevin Powell via YouTube
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 EleventyLinkedIn 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