Nuxt3 アプリケーションを Docker Compose で立ち上げる

npx nuxi init hello-nuxt3
cd hello-nuxt3
yarn install

mkdir -p src/pages
mv app.vue ./src/pages/index.vue

import { defineNuxtConfig } from 'nuxt';

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
+  srcDir: 'src',
});

FROM node:16.15.0-alpine3.15 as base
WORKDIR /src

FROM base as builder
COPY package.json yarn.lock ./
RUN yarn
COPY . .
RUN yarn build

FROM base as runner
COPY --from=builder /src /src
CMD ["yarn", "start"]

"scripts": {
・・・
+  "start": "nuxt start",
・・・
},

services:
  nuxt:
    image: hello-nuxt3:latest
    container_name: hello-nuxt3
    ports:
      - 3000:3000

docker build -t hello-nuxt3:latest .

docker compose up -d