React + Dockerでの環境構築

はじめに

サーバサイドで動くアプリを作りたいと思い、ReactとDockerで環境構築を目指しました。
下記のサイトを参考にしました。

行ったこと

今回はvideocollectorというプロジェクトフォルダを作成しました。

ターミナル

mkdir videocollector
cd videocollector

続いてdocker関連のファイルを作成しました。

ターミナル

touch Dockerfile
touch docker-compose.yml

Dockerfile

FROM node:lts 
WORKDIR /usr/src/app

docker-compose-yml

version: "3.9"

services:
  node:
    build: .
    volumes:
      - ./:/usr/src/app
    command: sh -c 'cd react-app && npm start'
    ports:
      - '3000:3000'

dockerイメージを作成しました。

ターミナル

docker-compose build

コンテナ内でReactアプリを作成しました。

ターミナル

docker-compose run --rm node sh -c 'npx create-react-app react-app'

コンテナ内でhttp://localhost:3000にアクセスし、
作成されたことを確認しました。

ターミナル

docker-compose up -d