# Deploy React Apps Reliably

React deployment setup can be repetitive and error prone. This skill provides practical examples for Vercel, Netlify, Docker, CI/CD, environments, and monitoring.

## Install

```bash
npx skillstore add cjharmath/web-build-deploy
```

## Metadata

- Status: approved
- Slug: cjharmath-web-build-deploy
- Skillstore revision: r1
- Version status: missing
- Tree hash: c3dbfaed641a184e758c7d83324cb2b46e492ad28184a5e46392bb6ec92851b2
- Author: CJHarmath
- GitHub username: CJHarmath
- License: MIT
- Repository: https://github.com/CJHarmath/claude-agents-skills/tree/main/skills/web-build-deploy
- Ref: 0519034dad657fb1f7706e0550e962beeda73fdf
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: scripts, external\_commands, network, env\_access
- Quality score: 78
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/cjharmath-web-build-deploy
- Manifest: https://skillstore.pages.dev/api/skills/cjharmath-web-build-deploy/manifest

## Capabilities

- Generate Vercel and Netlify deployment configs for React build outputs.
- Draft Dockerfile, nginx, and Docker Compose examples for static React apps.
- Create GitHub Actions workflows for builds, tests, previews, and production deploys.
- Map Vite and Next.js environment variable patterns for client and server code.
- Recommend build analysis, code splitting, caching, health checks, and Sentry setup.

## Use Cases

- Standardize React deployment recipes: Create repeatable Vercel, Netlify, Docker, and GitHub Actions guidance for product teams.
- Prepare a production build: Set environment variables, SPA routing, security headers, and build checks before release.
- Ship preview environments: Add pull request previews and comments so reviewers can test changes before merge.

## Prompt Templates

### Create a deployment checklist

```
Create a production deployment checklist for my React app using Vite and Vercel. Include build, environment, security, and rollback items.
```

### Configure Netlify hosting

```
Help me configure Netlify for a React single page app. Include build settings, redirects, headers, and environment variables.
```

### Build Docker deployment assets

```
Design a Docker deployment plan for a static React app with nginx, SPA fallback, caching, and optional backend services.
```

### Design CI/CD with previews

```
Design a GitHub Actions CI/CD workflow for a React app with tests, preview deploys, production deploys, health checks, and Sentry tracking.
```

## Limitations

- Examples must be adapted to each hosting account, domain, and repository structure.
- It does not create accounts, manage billing, or grant deployment permissions.
- Secrets must be supplied by the user through trusted platform settings.
- It focuses on React, Vite, and Next.js deployment patterns.

## Best Practices

- Keep deployment secrets in platform secret stores, not in committed files or shared prompts.
- Run tests and local production builds before creating a production deploy.
- Document environment variable ownership for client, server, preview, and production contexts.

## Anti Patterns

- Do not commit real .env files or database credentials to the repository.
- Do not reuse sample passwords or placeholder hosts in production deployments.
- Do not deploy without SPA fallback, security headers, and rollback verification.

## Security Audit

- Audited at: 2026-07-09T12:38:03.659\+00:00
- Summary: The static alerts are overwhelmingly false positives from Markdown fenced examples, placeholder URLs, and documentation snippets for environment variables. I found no prompt injection, secret exfiltration, malicious network behavior, or executable helper scripts in SKILL.md. The author should clarify sample secrets and global CLI install examples so users do not copy unsafe placeholders into production.

## Stats

- Views: 303
- Downloads: 11
- Favorites: 0
- Popularity score: 0