Skip to content

Tooling how-tos

Practical guides for the quality and docs stack in a Next.js brochure monorepo: install, day-to-day commands, and implementation examples.

GuideInstall focusImplement focus
ESLinteslint + Next + Prettier configsFlat rules, fix workflow
Prettierprettier, ignore fileFormat scripts + agent hooks
TypeScripttypescript, tsconfigStrict types, path alias
Fallowfallow packageDead-code check, audit gate
VitestvitestColocated unit tests
Playwright@playwright/test + browsersSpecs, codegen, API mocks
VitePressvitepressDual docs trees, nav
Mermaidmermaid + pluginDiagrams in Markdown
Vercelvercel CLI / dashboardApp + public-docs projects

First-time machine setup

bash
# Node ≥ 20, pnpm ≥ 10
pnpm install
pnpm run test:e2e:install            # Playwright Chromium (once)
pnpm run fallow:type-aware-status    # optional Fallow companion check

Day-to-day quality gate:

bash
pnpm run check          # format:check + lint + typecheck
pnpm run check:unit     # check + Vitest
pnpm run post-agent     # format write + lint + typecheck + unit tests

Frontend Corner — agent ops, tooling, and decision records