Static Blog

Use this shape for docs, journals, release notes, and content-heavy pages served from static hosting.

Recipe docsRecipes

Required Packages

@macavitymadcap/hyper-dank-ui for article cards, metadata, breadcrumbs, prose, code blocks, callouts, timelines, tabs, and empty states.
@macavitymadcap/hyper-dank-automation/content for Markdown rendering, route output paths, URL rewriting, page discovery, and static content builds.
@macavitymadcap/hyper-dank-automation for static artifact smoke checks and local script plumbing.

import { Badge, Card, CompactList, Panel } from "@macavitymadcap/hyper-dank-ui";

export function ArticleSummary() {
  return (
    <Card as="article">
      <Panel labelledBy="post-title">
        <h2 id="post-title">Release notes</h2>
        <Badge tone="neutral">Platform</Badge>
        <CompactList items={[{ label: "Reading time", value: "4 min" }]} />
      </Panel>
    </Card>
  );
}

App-Owned Responsibilities

The app owns content collections, front matter schema, taxonomy, navigation, feeds, search, layout, editorial copy, and publishing workflow.

Verification

Use content helper tests, generated artifact smoke checks, link checks, and a browser pass over important responsive article layouts.

References

UI, Automation, Static-content API, and Storybook content primitives.