Skip to content

Repository files navigation

permalink /
tags
11ty
buildawesome
micro
starter

All-in-One Examples

Example starters showcasing Build Awesome One kit for:

[1] Multisite Starter
[2] Blades / Pico CSS
[3] Bootstrap
[4] Web Awesome
[5] Sveltia CMS
[6] Liquid Templates
[7] Tailwind Starter
[8] OG Images Starter
<style> table td { vertical-align: middle } /* Render text as unselectable icon */ [data-b]::before, [data-a]::after { font-family: monospace; opacity: 50% } [data-b]::before { content: attr(data-b) " " } [data-a]::after { content: " " attr(data-a) } </style>

Local development

As simple as:

cd multisite/  # OR og-images/, OR tailwind/
npm install    # dependencies
npm start      # development
npm run stage  # serve production version locally
               # ready to deploy! πŸš€

Additionally, multisite/ starter allows to switch sub-sites via SITE=:

SITE=bootstrap npm start

Notes

Multisite Starter for Web Awesome

This is a test button:

Click Web Awesome Button!

OG Images Starter (Shotpipe)

Dynamic Open Graph images for your Eleventy starter, via Shotpipe β€” the og:image most 11ty starters skip.

Share any page of this site on X, Slack, or Discord and it renders a real social card instead of a bare link. The card's URL is signed locally at build time (one HMAC, no network call, no Chromium in CI), and the image renders lazily the first time a crawler fetches it β€” so your build stays exactly as fast as it was.

Enable it:
cd og-images/
npm i
npx shotpipe-init  # free key, no signup β€” writes it to .env
npm start

With no key set, the site still builds β€” the card is simply omitted until you run npx shotpipe-init. Nothing breaks, which is what makes it safe to ship in a starter.

How it works:
  • at build time β€” the plugin signs the template parameters into a URL. No network, no headless browser.
  • in your <head> β€” the URL waits in <meta property="og:image">, doing nothing.
  • on first share β€” when a crawler fetches it, Shotpipe renders the template and caches the PNG forever.
Links:

Featured by

About

Example starters showcasing Build Awesome One kit for: [1] Multisite Starter [2] Blades / Pico CSS [3] Bootstrap [4] Web Awesome [5] Sveltia CMS [6] Liquid Templates [7] Tailwind Starter [8] OG Images Starter πŸ₯·

Topics

Resources

Stars

37 stars

Watchers

6 watching

Forks

Releases

Used by

Contributors

Languages