react-dockerfile
✓React アプリケーション (Vite、CRA、Next.js 静的) 用に最適化された安全なマルチステージ Dockerfile を作成します。 (1) React プロジェクト用の新しい Dockerfile を作成する場合、(2) React/Vite アプリケーションをコンテナ化する場合、(3) 既存の React Dockerfile を最適化する場合、(4) Nginx を使用して React 用の Docker をセットアップする場合、または (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 アプリケーション (Vite、CRA、Next.js 静的) 用に最適化された安全なマルチステージ Dockerfile を作成します。 (1) React プロジェクト用の新しい Dockerfile を作成する場合、(2) React/Vite アプリケーションをコンテナ化する場合、(3) 既存の React Dockerfile を最適化する場合、(4) Nginx を使用して React 用の Docker をセットアップする場合、または (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 アプリケーション (Vite、CRA、Next.js 静的) 用に最適化された安全なマルチステージ Dockerfile を作成します。 (1) React プロジェクト用の新しい Dockerfile を作成する場合、(2) React/Vite アプリケーションをコンテナ化する場合、(3) 既存の React Dockerfile を最適化する場合、(4) Nginx を使用して React 用の Docker をセットアップする場合、または (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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/jkappers/agent-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01