AWSコンテナ設計・構築本格入門 P288「フロントエンドアプリケーションからの一気通貫確認」で詰まったので備忘録。

元のDockerfiledのままdocker bilid、docker image pushしたイメージを使用してECSタスクを作成すると起動に失敗する。ECSタスクないのログを確認すると

Error: Cannot find module '/app/.next/prerender-manifest.json'

というエラーが発生していた。

Node.js 14だとprerender-manifest.jsonが作成されないようなので、16系に変更してbuildしたところECSタスクを起動できた。

Dockerfile

不要なものも混じってると思うが、一応以下でECSタスクの起動とフロントからの疎通確認ができた。

FROM node:16-alpine AS builder
RUN apk add --no-cache libc6-compat
WORKDIR /app
RUN apk add --update --no-cache --virtual build-deps \
    python3 \
    py3-pip \
    g++ \
    git \
    libtool \
    automake \
    autoconf \
    make \
    openssl1.1-compat

# Install Python distutils
RUN python3 -m pip install setuptools

# Add libvips
RUN apk add --upgrade --no-cache vips-dev build-base --repository https://alpine.global.ssl.fastly.net/alpine/v3.10/community/
COPY . .

# Set environment variables for Next.js build
ENV NODE_ENV=production
ENV NEXT_TELEMETRY_DISABLED=1
ENV NEXT_STATIC_BUILD=true
ENV PYTHON=/usr/bin/python3

# install production dependencies
RUN yarn install --frozen-lockfile --production --network-timeout 600000

# Note also that prisma generate is automatically invoked when you're installing the @prisma/client npm package
RUN npx prisma generate

# Save production depenencies installed so we can later copy them in the production image
RUN cp -R node_modules /tmp/node_modules

# install all dependencies including devDependencies
RUN yarn install --frozen-lockfile --network-timeout 600000

# Build with explicit Next.js configuration
RUN yarn build && \
    yarn next export || true

# Verify .next directory contents
RUN ls -la .next/

###########
FROM node:16-alpine
WORKDIR /app

RUN apk add --no-cache curl tzdata openssl1.1-compat && \
    cp /usr/share/zoneinfo/Asia/Tokyo /etc/localtime && \
    apk del tzdata

COPY --from=builder /tmp/node_modules ./node_modules
COPY --from=builder /app/.blitz ./.blitz
COPY --from=builder /app/.next ./.next
COPY --from=builder /app/package.json ./
COPY --from=builder /app/db ./

# Verify copied .next directory
RUN ls -la .next/

ENV PORT=80
EXPOSE 80

CMD [ "npm","run","start:prd" ]
# HEALTHCHECK --interval=30s --timeout=30s --start-period=5s --retries=3 CMD curl