29 Next.js

1 ファイル用意

node.jsのバージョンは、ここで確認

Dockerfile

FROM node:20.10.0
WORKDIR /usr/src/app

docker-compose.yml

version: '3'

services:
  node:
    container_name: "react"
    build: .
    volumes:
      - .:/usr/src/app
    command: sh -c "cd my-app && npm run dev"
    ports:
      - '3000:3000'
    environment:
      - WATCHPACK_POLLING=true

※[my-app]は、アプリ作成で作るアプリ名を入れる

2 build

docker-compose build

3 react アプリ作成

※[my-app] は好きなアプリ名を入れる。

docker-compose run --rm node sh -c 'npx create-react-app [my-app] --template typescript'

4 起動

docker-compose up -d

5 確認

ブラウザで http://[IP]:3000 をアクセス

react, Docker, next.js

fl8 Wiki

サイドバー

目次

29 Next.js

1 ファイル用意

2 build

3 react アプリ作成

4 起動

5 確認

fl8 Wiki

ユーザ用ツール

サイト用ツール

サイドバー

Tag Cloud

目次

29 Next.js

1 ファイル用意

2 build

3 react アプリ作成

4 起動

5 確認

ページ用ツール