Build the Static Site#

The Acme UI Docs project now has Pages, user-owned site data, a docs layout wrapper, menu structure, Site Head Metadata, brand assets, and the first documented component.

Run the production build#

npm run build

Rocket writes the static output to dist/.

Inspect the output#

Check that the important Pages exist:

ls dist
ls dist/components/button
ls dist/brand

Then preview the built files with any static file server. For example:

npx --yes http-server dist

Visit these paths in the preview server:

• /
• /getting-started
• /brand
• /components/button

Final project shape#

Your project should now look like this:

acme-ui-docs/
├── package.json
├── rocket-config.js
├── public/
│   └── favicon.svg
├── docs/
│   ├── assets/
│   │   ├── acme-mark.svg
│   │   └── acme-wordmark.svg
│   ├── docsLayout.js
│   ├── pages/
│   │   ├── brand.rocket.md
│   │   ├── components/
│   │   │   └── index.rocket.md
│   │   ├── getting-started.rocket.md
│   │   └── index.rocket.md
│   └── siteData.js
├── src/
│   └── components/
│       ├── AcmeButton.js
│       └── AcmeButton.rocket.md
└── .agents/
    └── skills/
        └── rocket/
            └── SKILL.md

The .agents/skills/rocket/SKILL.md file is created by rocket init. Keep it if you use a coding agent on the project; remove it if you do not need project-local agent instructions.

Where to go next#

• Continue with Component Loading when you document components that need browser behavior.
• Continue with Request-time JavaScript Pages when part of the Acme UI Docs site should respond to request params.
• Use Pages when you add sections, guides, and API reference.
• Use Menus when the navigation order needs refinement.
• Use Assets when Pages need more images or CSS.
• Use Deploy when you are ready to publish.

Checkpoint#

The static-site chapter ends with complete static documentation output. Every file under src/ is owned by the Acme UI Docs project, every file under docs/ is owned by the Acme UI Docs documentation site, and Rocket supplies the build pipeline plus the reusable Atlas docs layout.