Zach’s ugly mug (his face) Zach Leatherman

The Commit that Updated a Thousand Demos

November 09, 2023 Watch in 5 minutes On Mastodon

CloudCannon launched a new feature today called Site Mounting and I’m very excited about it. I put together a quick video demoing the feature, which I’ve immediately put to good use across a bunch of projects.

Watch on YouTube: Automatically Rebuild Shared Components with Site Mounting

If you’re interested in looking at the demos used in the video above, here they are: Style Guide, Site Mounting, and Geolocation.

Use Cases

Screenshot image for https://v1.screenshot.11ty.dev/https%3A%2F%2Fcloudcannon.com%2Fblog%2Fshare-components-and-syndicate-content-with-site-mounting%2F/opengraph//

George Phillips goes on with a few more excellent use cases in his blog post: Share components and syndicate content with Site Mounting.

By enabling Site Mounting with source files, you can easily reuse (’mount’) your centrally managed site components and shared layouts across multiple CloudCannon sites and keep these components on all of your sites up to date — all from one single source of truth.

Site Mounting means no more prebuild scripts to clone in files from Git, no more environment variables to share access to private repositories, no more committing dependencies directly into your Git repository, and no more complex custom APIs to rebuild your dependent sites after you’ve changed a single component.

Site Mounting also unlocks the ability to mount the build output of a site in addition to its source files. In effect, you’re now able to set up a pre-generated headless API without GraphQL, where you can aggregate content from multiple sites into a single content lake that you control — and from that single hub, you can publish to any number of separate sites.


< Newer
A New Technique for Image Optimization: SVG Short Circuiting
Older >
A new Eleventy mascot from David Neal!

Zach Leatherman IndieWeb Avatar for https://zachleat.com/is a builder for the web at IndieWeb Avatar for https://fontawesome.com/Font Awesome and the creator/maintainer of IndieWeb Avatar for https://www.11ty.devEleventy (11ty), an award-winning open source site generator. At one point he became entirely too fixated on web fonts. He has given 83 talks in nine different countries at events like Beyond Tellerrand, Smashing Conference, Jamstack Conf, CSSConf, and The White House. Formerly part of CloudCannon, Netlify, Filament Group, NEJS CONF, and NebraskaJS. Learn more about Zach »

3 Likes

Dee-Yell (Dave)Nicolas HoizeyNeblib
1 Comment
  1. Zach Leatherman :11ty:

    @nhoizey howdy howdy! This demo has all three: https://rare-pineapple.cloudvent.net/ Source code: https://github.com/zachleat-cc/demo-cloudcannon-microblog/ And this is the magic of site mounting in Eleventy: https://github.com/zachleat-cc/demo-cloudcannon-microblog/blob/38c009… Truncated

Shamelessly plug your related post

These are webmentions via the IndieWeb and webmention.io.

Sharing on social media?

This is what will show up when you share this post on Social Media:

How did you do this? I automated my Open Graph images. (Peer behind the curtain at the test page)