SH
← Back to Blog

Day Five - Let's taco 'bout it

PostHog analytics (including docs) + Chromatic visual testing wired into CI + a D2 site diagram.

Day Five

Taco pun inspired by taco dinner. Let’s taco ‘bout why analytics and visual checks below.

Updates

  • Added PostHog analytics (site + docs) and injected it via layout/head.
  • Moved PostHog config to .env using PUBLIC_POSTHOG_KEY (+ optional PUBLIC_POSTHOG_HOST).
  • Added Chromatic + a GitHub Actions workflow for Storybook visual regression checks.
  • Added D2 (diagram-as-code) and generated a site diagram as an SVG.

Analytics and Visual Regression checks

  • PostHog: product analytics for understanding how people use the site.
    • Pros: easy event capture + funnels, good dashboards, and quick to add/remove via env vars.
  • Chromatic: visual regression testing for Storybook components.
    • Pros: catches UI changes in PRs, provides a hosted Storybook link, and makes design review faster.

Site diagram