./webawesome/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 |  |
Local development #
As simple as:
cd multisite/
npm install # dependencies
npm start # development
npm run stage # serve production version locally
# ready to deploy! 🚀
For specific site:
SITE=bootstrap npm start
Notes #
Multisite Starter for Web Awesome #
This is a test 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.