What this sample shows
- Finish-gap: stub UI remains visible so the shipped piece is obvious in review.
- Next.js App Router with
output: 'export'for a project Pages site. - Same StatusBadge contract a React or Next delivery can drop into a real page.
Client-facing pattern for a half-built UI: leave unfinished chrome as stub, and close the gap with one component. This page is a real Next.js App Router app, statically exported for GitHub Pages — not a Vite stand-in labelled as Next.
Still stub
Intentionally unfinished. Placeholder chips and an empty slot stand in for work that is out of scope for this delivery.
Shipped
Scoped change: tone and compact density stay inside the badge. Surrounding layout does not rewrite when density flips.
output: 'export' for a project Pages site.