-
Using the Forestry CMS with Metalsmith
Forestry.io is a Git-backed CMS for websites and web products built using static site generators. This post describes how to setup Forestry CMS with the Metalsmith Forestry Starter. -
Building a Netlify CMS content model
Built a Metalsmith Netlify starter with integrated CMS. Overcome YAML limitations with Manual Initialization. Content types defined in individual files; simplifies managing growing configurations. Code available on GitHub. -
Adding Netlify CMS to Metalsmith
Static Site Generators (SSGs) often leave non-developer editors wanting a smoother experience. This post details how to integrate Netlify CMS with a Metalsmith site, providing an easy, code-free editing interface. -
New Metalsmith Starters
A new set of three starters to help get started with Metalsmith quickly. -
Building flexible page layouts for Metalsmith
Explore creating flexible page layouts for Metalsmith using Markdown and Nunjucks. Learn about 'Sectioned Pages' composed of YAML-based structured data for intricate web designs. -
Building a responsive/progressive image component
The post explores creating a lazy-loading image component for Metalsmith/Nunjucks using Cloudinary.io. It uses low-res images first, then high-res as they enter the viewport. It also covers the use of Intersection and Resize Observer APIs. -
Using responsive images
Responsive images, essential for modern web development, improve user experience and reduce loading times. Using the Responsive Image Breakpoints Generator, create images tailored for all screen sizes. -
Introducing Project Orca - Part 3
"Nunjucks, a JavaScript-based templating engine, is used in Project ORCA. Offering features such as variables, loops, conditionals, block inheritance, includes, and macros." -
Building Job pages with Metalsmith and the Lever Postings API
Discover the integration of dynamic job listings onto static websites using Lever's Postings REST API and Metalsmith, a flexible Static Site Generator. This post details how a custom Metalsmith plugin fetches job data from the Lever API and transforms it into a file object -
Introducing Project Orca - Part 2
This blog explores how Metalsmith uses plugins to convert markdown files into HTML pages in static websites. We examine build scripts, the role of frontmatter, and the use of plugins like markdown, permalinks, and layouts. -
Nunjucks and jsTransformer
Through the jstransformer-nunjucks plugin, we extend the Nunjucks environment in Metalsmith with configuration options like path, filters, and extensions. This includes converting string cases, replacing spaces with dashes, and capturing variables. -
Introducing Project Orca - Part 1
Project ORCA blends Drupal's superior CMS capabilities with a static website. Metalsmith, a Static Site Generator, played a crucial role in this project, thanks to its flexibility, security, and speed.