<p><br></p><p><br></p><p><br></p><div style="color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: D2Coding, Consolas, &quot;Courier New&quot;, monospace, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; line-height: 18px; white-space: pre;"><div><span style="color: #6a9955;"># build</span></div><div>docker build -t my-image <span style="color: #dcdcaa;">.</span></div><br><div><span style="color: #6a9955;"># debug run</span></div><div>docker run --rm -p 3000:3000 my-image</div><br><div><span style="color: #6a9955;"># debug shell</span></div><div>docker run --rm -it my-image:latest sh</div></div><p><br></p><p><br></p><p><br></p><div style="color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: D2Coding, Consolas, &quot;Courier New&quot;, monospace, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; line-height: 18px; white-space: pre;"><div><span style="color: #c586c0;">FROM</span> <span style="color: #4ec9b0;">node</span>:<span style="color: #9cdcfe;">16-alpine</span> <span style="color: #c586c0;">AS</span> <span style="color: #4ec9b0;">deps</span></div><div><span style="color: #c586c0;">RUN</span> <span style="color: #9cdcfe;">apk</span> <span style="color: #9cdcfe;">update</span> <span style="color: #9cdcfe;">&amp;&amp;</span> <span style="color: #9cdcfe;">apk</span> <span style="color: #9cdcfe;">upgrade</span></div><div><span style="color: #c586c0;">RUN</span> <span style="color: #9cdcfe;">apk</span> <span style="color: #9cdcfe;">add</span> <span style="color: #9cdcfe;">--no-cache</span> <span style="color: #9cdcfe;">libc6-compat</span> <span style="color: #9cdcfe;">python3</span> <span style="color: #9cdcfe;">cmake</span> <span style="color: #9cdcfe;">g++</span></div><div><span style="color: #c586c0;">WORKDIR</span> <span style="color: #9cdcfe;">/app</span></div><div><span style="color: #c586c0;">COPY</span> <span style="color: #9cdcfe;">package.json</span> <span style="color: #9cdcfe;">./</span></div><div><span style="color: #c586c0;">RUN</span> <span style="color: #9cdcfe;">yarn</span> <span style="color: #9cdcfe;">install</span> <span style="color: #9cdcfe;">--frozen-lockfile</span></div><br><div><span style="color: #c586c0;">FROM</span> <span style="color: #4ec9b0;">node</span>:<span style="color: #9cdcfe;">16-alpine</span> <span style="color: #c586c0;">AS</span> <span style="color: #4ec9b0;">builder</span></div><div><span style="color: #c586c0;">WORKDIR</span> <span style="color: #9cdcfe;">/app</span></div><div><span style="color: #c586c0;">COPY</span> <span style="color: #9cdcfe;">--from</span>=<span style="color: #9cdcfe;">deps</span> <span style="color: #9cdcfe;">/app/node_modules</span> <span style="color: #9cdcfe;">./node_modules</span></div><div><span style="color: #c586c0;">COPY</span> <span style="color: #9cdcfe;">.</span> <span style="color: #9cdcfe;">.</span></div><div><span style="color: #c586c0;">RUN</span> <span style="color: #9cdcfe;">yarn</span> <span style="color: #9cdcfe;">build</span></div><br><br><div><span style="color: #c586c0;">FROM</span> <span style="color: #4ec9b0;">node</span>:<span style="color: #9cdcfe;">16-alpine</span> <span style="color: #c586c0;">AS</span> <span style="color: #4ec9b0;">runner</span></div><div><span style="color: #c586c0;">WORKDIR</span> <span style="color: #9cdcfe;">/app</span></div><br><div><span style="color: #c586c0;">ENV</span> <span style="color: #9cdcfe;">NODE_ENV</span> <span style="color: #9cdcfe;">production</span></div><br><div><span style="color: #c586c0;">RUN</span> <span style="color: #9cdcfe;">addgroup</span> <span style="color: #9cdcfe;">-g</span> <span style="color: #9cdcfe;">1001</span> <span style="color: #9cdcfe;">-S</span> <span style="color: #9cdcfe;">nodejs</span></div><div><span style="color: #c586c0;">RUN</span> <span style="color: #9cdcfe;">adduser</span> <span style="color: #9cdcfe;">-S</span> <span style="color: #9cdcfe;">nextjs</span> <span style="color: #9cdcfe;">-u</span> <span style="color: #9cdcfe;">1001</span></div><br><div><span style="color: #c586c0;">COPY</span> <span style="color: #9cdcfe;">--from</span>=<span style="color: #9cdcfe;">builder</span> <span style="color: #9cdcfe;">/app/public</span> <span style="color: #9cdcfe;">./public</span></div><div><span style="color: #c586c0;">COPY</span> <span style="color: #9cdcfe;">--from</span>=<span style="color: #9cdcfe;">builder</span> <span style="color: #9cdcfe;">--chown</span>=<span style="color: #9cdcfe;">nextjs:nodejs</span> <span style="color: #9cdcfe;">/app/.next</span> <span style="color: #9cdcfe;">./.next</span></div><div><span style="color: #c586c0;">COPY</span> <span style="color: #9cdcfe;">--from</span>=<span style="color: #9cdcfe;">builder</span> <span style="color: #9cdcfe;">/app/node_modules</span> <span style="color: #9cdcfe;">./node_modules</span></div><div><span style="color: #c586c0;">COPY</span> <span style="color: #9cdcfe;">--from</span>=<span style="color: #9cdcfe;">builder</span> <span style="color: #9cdcfe;">/app/package.json</span> <span style="color: #9cdcfe;">./package.json</span></div><br><div><span style="color: #c586c0;">USER</span> <span style="color: #9cdcfe;">nextjs</span></div><br><div><span style="color: #c586c0;">EXPOSE</span> <span style="color: #9cdcfe;">3000</span></div><div><span style="color: #c586c0;">ENV</span> <span style="color: #9cdcfe;">PORT</span> <span style="color: #9cdcfe;">3000</span></div><div><span style="color: #c586c0;">ENV</span> <span style="color: #9cdcfe;">NEXT_TELEMETRY_DISABLED</span> <span style="color: #9cdcfe;">1</span></div><br><div><span style="color: #c586c0;">CMD</span> <span style="color: #9cdcfe;">[</span><span style="color: #ce9178;">"npm"</span><span style="color: #9cdcfe;">,</span> <span style="color: #ce9178;">"start"</span><span style="color: #9cdcfe;">]</span></div><br></div><p><br></p><p><br></p><p><br></p><div style="color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: D2Coding, Consolas, &quot;Courier New&quot;, monospace, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; line-height: 18px; white-space: pre;"><div><span style="color: #569cd6;">version</span>: <span style="color: #b5cea8;">0.2</span></div><div><span style="color: #569cd6;">phases</span>:</div><div>&nbsp; <span style="color: #569cd6;">pre_build</span>:</div><div>&nbsp; &nbsp; <span style="color: #569cd6;">commands</span>:</div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">echo Logging in to Amazon ECR...</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">aws --version</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">$(aws ecr get-login --region $AWS_DEFAULT_REGION --no-include-email)</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">REPOSITORY_URI=${AWS_ACCOUNT_NO}.dkr.ecr.ap-northeast-2.amazonaws.com/my-project-front</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">COMMIT_HASH=$(echo $CODEBUILD_RESOLVED_SOURCE_VERSION | cut -c 1-7)</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">IMAGE_TAG=${COMMIT_HASH:=latest}</span></div><br><div>&nbsp; <span style="color: #569cd6;">build</span>:</div><div>&nbsp; &nbsp; <span style="color: #569cd6;">commands</span>:</div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">echo Docker Build started on `date`</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">docker build -t $REPOSITORY_URI -t $REPOSITORY_URI:$IMAGE_TAG .</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">docker push --all-tags $REPOSITORY_URI</span></div><br><div>&nbsp; <span style="color: #569cd6;">post_build</span>:</div><div>&nbsp; &nbsp; <span style="color: #569cd6;">commands</span>:</div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">echo Get eks credentials</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">export KUBECONFIG=$HOME/.kube/config</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">CREDENTIALS=$(aws sts assume-role --role-arn arn:aws:iam::${AWS_ACCOUNT_NO}:role/EksCodeBuildKubectlRole --role-session-name codebuild-kubectl --duration-seconds 900)</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">export AWS_ACCESS_KEY_ID="$(echo ${CREDENTIALS} | jq -r '.Credentials.AccessKeyId')"</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">export AWS_SECRET_ACCESS_KEY="$(echo ${CREDENTIALS} | jq -r '.Credentials.SecretAccessKey')"</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">export AWS_SESSION_TOKEN="$(echo ${CREDENTIALS} | jq -r '.Credentials.SessionToken')"</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">export AWS_EXPIRATION=$(echo ${CREDENTIALS} | jq -r '.Credentials.Expiration')</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">aws eks update-kubeconfig --name eks-my-project</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">echo rollout deployment my-project-front</span></div><div>&nbsp; &nbsp; &nbsp; - <span style="color: #ce9178;">kubectl rollout restart deployment/my-project-front</span></div><br></div><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p>

[Docker] Dockerfile 작성하기 with react, next.js