takanori-azegami-jp / docker-react-nginx

reactをnginx上で動かすDocker

docker-react-nginx

react を nginx 上で動かす Docker

環境

• Windows10 Pro 22H2
• Rancher Desktop 1.9.1
• Docker version 24.0.2-rd, build e63f5fa

環境構築

# Reactプロジェクト作成(typescript)
$ npx create-react-app docker-react-nginx --template typescript
# Reactプロジェクトビルド
$ npm run build
# Dockerコンテナ作成
$ docker-compose up -d --build

ブラウザで接続

# React
- http://localhost:3000
# nginx
- http://localhost:8080

参考

• react+nginx+docker 環境の構築

• 【Docker(Docker-Compose)】React の開発・本番環境構築【Nginx,Let’sEncrypt 利用】