Ubuntu 22.04.2 LTS での Next.js アプリケーションセットアップ

バージョン

Ubuntu: 22.04.2 LTS
Node.js: v18.18.0
npm(npx): 9.8.1

手順

Ubuntu 22.04.2 LTS を Microsoft Store からインストールします。
Node.js と npm をインストールします。
```
 $ sudo apt install -y nodejs npm
```
ｎをインストール
```
$ sudo npm install n -g
```
最新のnode.jsとnpmのインストール
```
$ sudo n stable
```
最初に入れたとりあえずの node.js と　npm をアンインストール
```
$ sudo apt purge -y nodejs npm
$ sudo apt autoremove -y
```
残った node.js と npm が最新であることを確認
```
$ node -v
$ npm -v
```
PCの再起動
プロジェクトのディレクトリを作成
ディレクトリへ移動
Next.js アプリケーション [test-app] 作成
```
npx create-next-app test-app
```
[test-app] ディレクトリへ移動
VScodeでの起動
```
code .
```

「dockerfile」と「compose.yml」をVScodeで新規作成

dockerfile.

    FROM node:18.12-alpine
    WORKDIR /app/
    COPY ./package.json ./
    RUN npm install

docker-compose.yml

services:
  app:
    build:
      context: .
    ports:
      - "3000:3000"
    volumes:
      - .:/app
      - node_modules:/app/node_modules
    command: sh -c "npm run dev"
volumes:
  node_modules:
networks:
  snowboard_default:
    external: true

Dockerイメージのビルド
```
docker-compose build
```
Dockerコンテナの起動
```
docker-compose up
```

これで http://localhost:3000 にアクセスするとNext.jsが起動されている