Adopt Ardo in an Existing Project
Give a coding agent reliable, versioned instructions for adding or updating Ardo without replacing your application architecture.
Ardo fits into an existing React, Vite, and React Router repository. Do not regenerate the project or replace its component system. Give a coding agent this instruction together with the repository:
Set up Ardo in this repository. Read https://ardo-docs.dev/llms.txt first, then follow the "Adopt Ardo in an Existing Project" guide. Inspect the project, choose the closest Ardo reference project, propose a plan, and wait for approval before changing files. Preserve existing routing, components, styles, and deployment choices unless the plan explains a necessary change./llms.txt is a concise map of the documentation; /llms-full.txt contains the complete Markdown context when an agent needs more detail. Both are generated with the docs build for the documentation version being served.
Choose a Reference Project
| Existing project | Start from |
|---|---|
| Product or internal docs in one React app | Basic docs reference |
| TypeScript library with public API pages | Library docs reference |
| Workspace with multiple packages | Monorepo docs reference |
| Markdown owned outside the route tree | Content sources reference |
References are target shapes, not files to copy wholesale. Their READMEs identify required files, configurable seams, generated-file boundaries, and validation commands.
Agent Workflow
- Inspect
package.json, the workspace layout,vite.config.*,react-router.config.*, the app root, existing routes, and deployment workflow. - Read this guide, Getting Started, Configuration, and the closest reference project.
- State a plan naming every file to add or change, the selected reference, and any assumption that cannot be verified.
- Wait for approval, then make the smallest focused change that keeps existing application behavior.
- Run the repository's applicable validation commands and report their results.
Safety Boundaries
Never silently replace a customized app/root.tsx, providers, design-system components, deployment configuration, route model, workspace policy, credentials, or hosted-service choices. When a reference and the project disagree, retain the project choice and explain the adaptation. Ask for direction when a decision changes runtime behavior or deployment ownership.
Adopt or Migrate
For adoption, follow Getting Started and introduce Ardo around documentation routes rather than replacing the application shell. Use Content Sources for Markdown owned elsewhere in the repository and TypeDoc Integration for API pages.
For an existing Ardo project, compare configuration and route layout with the matching current reference. Keep project-specific root/layout code and update only the framework integration, generated-route boundary, and documented configuration fields that differ. Run at least:
pnpm typecheck
pnpm test
pnpm buildUse CI=true for non-interactive pnpm environments. pnpm create ardo remains an optional convenience for a new empty directory, not the recommended path for a customized project.