Eleventy Notist Example is a JAMstack starter template that uses the Eleventy static site generator to fetch a Notist JSON feed and pre-render a listing of events on your own website. It takes a Notist profile's JSON URL as input and outputs a static HTML site that can be deployed to Netlify with one click.
What is Eleventy Notist Example?
This template demonstrates how to populate a static site with event data from Notist, a service for sharing slides and talks. The site is generated with Eleventy (also known as 11ty) and reads a remote JSON feed at build time, converting it into an event listing page. The project is hosted as a GitHub repository and includes a Deploy to Netlify button that automates the setup of hosting and continuous deployment.
Key Features
- One-click Netlify deployment — The Deploy to Netlify button clones the repository into your GitHub account, creates a new Netlify site, and configures hosting with continuous deployment in under a minute.
- Eleventy static site generation — The site is pre-rendered with Eleventy, producing plain HTML files with no client-side JavaScript required to display the event data.
- JSON feed ingestion — At build time, the template fetches the Notist JSON feed URL you supply, defaulting to https://noti.st/philhawksworth.json, and generates pages for each event.
- Simple local development — With Node and npm or Yarn installed, you can clone the repo, run
yarnto install dependencies,yarn startto serve the site with live reload, andyarn run buildto create a production build. - JAMstack architecture — The project combines JavaScript (the build tooling), APIs (the Notist feed), and Markup (the static output), making it a minimal example of the JAMstack approach.
Who should use Eleventy Notist Example?
- Speakers and event organizers who have a Notist profile and want to showcase their past or upcoming events on a personal website as static HTML.
- Developers learning Eleventy who want a working example of fetching external data from a JSON API during the static build and turning it into pages.
- JAMstack adopters who need a quick starter for a pre-rendered listings site and want to understand the pattern for connecting a data source to a static generator.
What can you do with it?
- Publish an event list from Notist: Provide your own Notist JSON feed URL during deployment or local development, and the template builds a static event listing page ready to host.
- Learn build-time data fetching: Study how the template retrieves a remote JSON feed and loops over it to create HTML output, which you can adapt for other APIs.
- Deploy a live site quickly: Use the Netlify deploy button to get a hosted site with continuous deployment without manually configuring a build pipeline.
How does it work?
Clicking the Deploy to Netlify button starts a process where Netlify asks for permission to clone the repository into your GitHub account, then prompts you for the Notist feed URL (or you can keep the default). Netlify runs the Eleventy build, which fetches the feed, generates static pages, and deploys the site. Locally, the workflow is standard: clone the repo, install dependencies with Yarn, run yarn start for development with watch mode, and yarn run build for a production build.
