Live Example Sites

All 23 examples from the repository, built fresh and browsable. Each example introduces new SSI concepts.

  1. 01 — copy-only — Minimal config: only required fields, default processing = "copy"
  2. 02 — simple-page — First template processing: processing = "page" with plain-text includes
  3. 03 — markdown-content — Markdown conversion: type = "markdown" for content files
  4. 04 — assets-with-checksums — Checksum verification: options = ["checksum"] and .xxh3 files
  5. 05 — content-types — Auto-detection: type = "auto" for mixed-format directories
  6. 06 — html-blocks — HTML components: reusable blocks with type = "html"
  7. 07 — toml-data — Structured data: TOML files as variable sources
  8. 08 — step-order — Step ordering: pipeline sequencing rules and leftovers-okay
  9. 09 — inline-content — Inline vs. block includes: options = ["inline"] across all content types
  10. 10 — page-specific — Per-page resolution: same token, different content per page
  11. 11 — page-templates — Multi-page generation: the template field for file-based page expansion
  12. 12 — include-templates — Template rendering: one token expands to many items; TOML and directory sources; inline mode; step ordering
  13. 13 — emoji-also — The also field: multiple include steps share one alias emoji so one template works with different data sources
  14. 14 — builtin-sources — System integration: datetime, git, environment, and metadata sources; live git and date data on every build
  15. 15 — nav-and-index — Navigation and index sources: prev/next links, position tokens, per-page metadata, and auto-generated listings
  16. 16 — css-js-templates — CSS/JS templates: no-escape for variable injection; type = "raw" for verbatim content
  17. 17 — file-handling — File handling options: preserve, checksum, add-dot, strip-extension, dotfiles, flat copy
  18. 18 — basic-blog — Blog with navigation and template-rendered index: template, excerpt, navigation, index with item template
  19. 19 — conditional-include — Build-time conditional sections: gate TOML file, fallback field, and chain-reaction mechanism
  20. 20 — infinite-scroll — JavaScript infinite scroll: navigation data attributes for dynamic UX
  21. 21 — external-paths — External content: allow-external-paths with relative paths and fallback
  22. 22 — context-field — Context field: static context overrides, root context _, nested destinations
  23. 23 — counter-source — Auto-incrementing counters: type = "counter" for repeated blocks with distinct data
  24. 24 — combining-tokens — Token composition: key construction and two-pass resolution using step order
  25. 25 — nested-sites — Nested processing: independent configuration, include sources, and emoji namespace per section
  26. 99 — full-site — Production example: all features working together in a complete site