Skip to content
This repository has been archived by the owner on Jan 21, 2023. It is now read-only.
/ pantograph Public archive

Because every developer needs to create their own CMS at some point!

Notifications You must be signed in to change notification settings

bmuenzenmeyer/pantograph

Repository files navigation

Pantograph

Adapted from the MIT source of https://github.com/philhawksworth/hello-trello - README content retained below. All credit to Phil Hawksworth for gluing these concepts together into a way that resonated with me.

Pantograph is an opinionated jamstack starter built via 11ty for use in small projects.

Maybe someday I'll use a real CMS.

Features

  • Trello Home Page from a List
  • Trello Bespoke Pages
  • Tags and Tag Pages from tag:foo Trello labels
  • Date from date:YYYY-MM-DD Trello labels

Original README

A little experiment to pull content from the Trello API and use it to populate content on a simple web site.

The site is populated from a list of cards in a public (but read only) Trello board

Why? 👉 https://twitter.com/philhawksworth/status/1253696940170186754

Screenshot of Trello board and site

Sections from cards

Each card in Trello populates a section of the page. And since Trello supports markdown, we can also do some simple text formatting with the markdown we get from the cards API.

Quick start

To clone this repo, create a new Netlify site and start making changes click the button below and follow the instructions.

Deploy to Netlify

Webhooks trigger updates

Whenever we make changes in the Published list, Trello triggers a Netlify build hook which initiates a new build and deployment, updating the site.

We can use the Trello API to create the webhook which will trigger a new build automatically when changes are made to the board.

  1. Create a new Build Hook in your Netlify site admin
  2. Register your Build Hook as a webhook with Trello using the utility below.
# Register a webhook with Trello, to invoke a build whenever the board is updated
npm run hook --url https://api.netlify.com/build_hooks/XXXXX

Trello paid accounts can have buttons which can make HTTP Post requests, which means we cold have a button which initiates a site deployment on Netlify via a build hook instead of for every update on the board.

Staging / Production

Netlify lets you create an unlimited number of environments based on git branches. Each gets its own URL. This example maps the labels on the Trello cards to the different branches, so we event get a simple publishing workflow.

About

Because every developer needs to create their own CMS at some point!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages