/kaaroClip-11ty

kaaroClip using 11ty.

Primary LanguageLiquidMIT LicenseMIT

kaaroClip - 11ty

kaaroClip version using 11ty. It's automatically deployed via GitHub Actions and then hosted by GitHub Pages. Data is fetched live from Twitch APIs at build time.

Screenshot of Front Page

What is this about?

This example contains 11ty Javascript Data Files that take Twitch provided clip data. The front end utilizes Bulma for layout and styling. When code is committed or content is published, a build process is triggered that utilizes GitHub Actions for GitHub Pages to build and deploy the website.

Screenshot of Photo Page

Getting started

Build the site

  • On the command line, navigate to your cloned repo and install your dependencies with npm install.
  • Run Eleventy with npx eleventy --serve. We're using the --serve argument so eleventy will host the site for us. Navigiate to localhost:8080 (or whatever port 11ty provides you if 8080 is already in use) to view the site.

Ref