Skip to content

docs: add a documentation site published to GitHub Pages - #14

Merged
ChristopherPHolder merged 6 commits into
mainfrom
docs/site
Nov 13, 2026
Merged

ChristopherPHolder merged 6 commits into
mainfrom
docs/site

Conversation

@ChristopherPHolder

Copy link
Copy Markdown
Collaborator

Closes #13

Adds a documentation site built and published the same way as the user-flow docs.

What's in it

  • packages/docs: the user-flow Angular docs app (prerendered static HTML, search, light/dark theme, edit links, "last updated" dates), rebranded with a new lighthouse mark.
  • Content (13 pages):
    • Getting started: introduction, installation, quick start
    • Guides: soft navigation steps, reading the results, throttling, limits and troubleshooting, using with user-flow
    • Reference: API, how it works
    • Upstreaming: overview, override map, landing plan (split from docs/upstreaming-to-lighthouse.md)
    • Resources: links
  • Landing page: an animated browser that soft navigates and reports FCP/LCP/Performance, a terminal, a four-step "how it works", a sample flow report with a page load, a soft navigation and a timespan, and benefit cards.
  • Diagrams: page load vs. soft navigation, detection, the step's timeline, and which parts of Lighthouse the package replaces.
  • Assets: the preview image, favicon and touch icon, rendered by scripts/og-image.mjs.
  • .github/workflows/docs.yml: builds on pushes to main that touch the docs, then deploys to https://push-based.github.io/lighthouse-soft-navigation/.

Workspace changes

  • Angular 22.2, highlight.js, marked and @nx/web added as dev dependencies.
  • docs is excluded from the @nx/js/typescript plugin, because its tsc --build typecheck emits declarations, which doesn't work for an Angular app. Instead, docs has its own typecheck target that runs tsc --noEmit.
  • .angular is ignored.

Before merging

Set the repository's Pages source to GitHub Actions (Settings → Pages), or the deploy job will fail.

The npm links point to @push-based/lighthouse-soft-navigation, which isn't published yet.

Checks

nx format:check and nx run-many -t lint test build typecheck pass locally. The production build prerenders all 17 routes. I checked the landing page, the doc pages, the diagrams and the 404 page in light and dark themes and at phone width.

Port the user-flow docs site to this package: an Angular app prerendered to
static HTML, with guides, an API reference, the upstreaming plan, search and
a landing page made for soft navigations.
The upstreaming plan now lives on the docs site, so the Markdown copy in docs/ goes.
Move the docs site to pnpm and bring its user-flow, throttling and API pages up to date with main.
@ChristopherPHolder
ChristopherPHolder merged commit 6564a4c into main Nov 13, 2026
1 check passed
@ChristopherPHolder
ChristopherPHolder deleted the docs/site branch November 13, 2026 19:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

docs: add a documentation site published to GitHub Pages

1 participant