Skip to content
Hallway
0:00 / 0:00

#eleventy#jamstack#netlifycms

Turn static HTML/CSS into a blog with CMS using the JAMStack

Kevin Powell

1M subscribers • 13 videos on Hallway

YouTube
  • Recommended by 2 people: 2 in engineering communities.
  • Presented by Kevin Powell
  • Linked in the descriptionkevin-powell/JAMStack-blog-starter
  • May be out of date. The tools, versions or practices it shows have likely moved on.

Intermediate. Assumes working knowledge.

169K views5 years ago2 recommendations

Web developmentFull-stack frameworks

Kevin Powell demonstrates how to convert a static site into a dynamic blog using Eleventy and Netlify CMS.

💻 My DevProjects project: codemntr.io/dev-projects (includes a link to starting template and my final solution) 🔥 Codementor: codemntr.io/mentor In this video, we're building out my solution to the Devmentor challenge that I created! We'll be taking a static HTML/CSS project that I created, hooking it up with Eleventy, and then using GitHub to get it up onto Netlify, and finally integrated Netlify CMS! 🔗 Links ✅ Starting template I used: github.com/kevin-powell/JAMStack-blog-starter ✅ Eleventy documentation: 11ty.dev/docs/ ✅ 11ty Rocks: 11ty.rocks/ ⌚ Timestamps - 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 #css -- Come hang out with other dev's in my Discord Community 💬 discord.gg/nTYCvrK Keep up to date with everything I'm up to ✉ kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! 📺 twitch.tv/kevinpowellcss --- Help support my channel 👨‍🎓 Get a course: kevinpowell.co/courses 👕 Buy a shirt: teespring.com/stores/making-the-internet-awesome 💖 Support me on Patreon: patreon.com/kevinpowell --- My editor: VS Code - code.visualstudio.com/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Twitter: twitter.com/KevinJPowell Codepen: codepen.io/kevinpowell/ Github: github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

Why it's here

2 people recommend this

What people say. Recommended as the clearest tutorial for implementing a static site generator and CMS.

u/Citrous_Oysterin r/Frontend • Recommends

On “Which framework should I pick to create Blog website? GatsbyJS? NextJS?”

Literally doing this right now with eleventy and the netlfiy cms link to this video Of all the tutorials I’ve seen on this, this is the clearest and easiest way to implement this for a static site. Currently applying this to my clients sites
2View on Reddit

u/ersatzgiraffein r/Frontend • Recommends

On “Is there a tool/framework for...?”

I wonder if something like this video might help you out? At least to show you some of the tools and their capabilities. There are so many of these free and pretty powerful platforms. Apologies if I’m barking up the wrong tree, I’m fairly new to this stuff myself.
1View on Reddit