Development server setup and build watch monitoring. Use when starting dev work, checking build status, or troubleshooting the dev server.
View on GitHubFebruary 5, 2026
Select agents to install to:
npx add-skill https://github.com/ag-grid/ag-grid/blob/d1e506c6f21b3ae84c36e45018515d80621c5822/.rulesync/skills/dev-server/SKILL.md -a claude-code --skill dev-serverInstallation paths:
.claude/skills/dev-server/# Development Server Guide This guide covers setting up and using the development server for AG Grid. ## Starting the Dev Server ```bash yarn nx dev ``` This starts the development server with hot-reload support for: - Documentation site - Grid source code changes - Example updates ## Build Watch Status Monitor build health via the status file: ``` node_modules/.cache/ag-watch-status.json ``` This file contains: - Current build state (building/ready/error) - Package build status - Error details if any ## Common Tasks ### Viewing Documentation Locally After starting `yarn nx dev`, visit: - `https://localhost:4610` - Documentation site ### Testing Example Changes 1. Modify example files in `_examples/` directories 2. The dev server will hot-reload changes 3. Use the framework switcher to test across React/Angular/Vue ### Debugging Build Issues If the dev server shows errors: 1. Check `ag-watch-status.json` for specific error messages 2. Run `yarn nx build <package>` to see detailed build output 3. Fix TypeScript/lint errors before continuing ## Performance Tips - Keep the dev server running while developing - Use `--skip-nx-cache` if you suspect caching issues - Run `yarn nx clean` if builds behave unexpectedly after branch switches