react-dockerfile
✓為 React 應用程序創建優化的、安全的多階段 Dockerfile（Vite、CRA、Next.js 靜態）。在以下情況下使用：(1) 為 React 項目創建新的 Dockerfile，(2) 容器化 React/Vite 應用程序，(3) 優化現有的 React Dockerfile，(4) 使用 Nginx 設置 Docker for React，或 (5) 用戶同時提及 React 和 Docker/容器。
SKILL.md
Generate production-ready multi-stage Dockerfiles for React applications served with Nginx.
Key Insight: Unlike server-side Node.js apps, React apps only need Node.js for building—the runtime is static files served by Nginx. This reduces image size from 1GB to 50MB.
| Standard Nginx | nginx:stable-alpine | 45 MB | | Non-root (recommended) | nginx:stable-alpine + USER | 45 MB | | With Brotli compression | fholzer/nginx-brotli:latest | 55 MB |
為 React 應用程序創建優化的、安全的多階段 Dockerfile（Vite、CRA、Next.js 靜態）。在以下情況下使用：(1) 為 React 項目創建新的 Dockerfile，(2) 容器化 React/Vite 應用程序，(3) 優化現有的 React Dockerfile，(4) 使用 Nginx 設置 Docker for React，或 (5) 用戶同時提及 React 和 Docker/容器。 來源：jkappers/agent-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/jkappers/agent-skills --skill react-dockerfile- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 react-dockerfile？
為 React 應用程序創建優化的、安全的多階段 Dockerfile（Vite、CRA、Next.js 靜態）。在以下情況下使用：(1) 為 React 項目創建新的 Dockerfile，(2) 容器化 React/Vite 應用程序，(3) 優化現有的 React Dockerfile，(4) 使用 Nginx 設置 Docker for React，或 (5) 用戶同時提及 React 和 Docker/容器。 來源：jkappers/agent-skills。
如何安裝 react-dockerfile？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/jkappers/agent-skills --skill react-dockerfile 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/jkappers/agent-skills
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01