[Feature/BAR-13] FE 배포 (#9)

* feat: 배포 위한 파일들 작성

* feat: 텍스트 추가

* feat: alpine 이미지로 변경

.dockerignore

@@ -0,0 +1,13 @@
+.idea
+.git
+.gitignore
+.github
+.dockerignore
+Dockerfile
+*.md
+*.sh
+scripts
+node_modules
+.storybook
+.next
+**/*.stories.*

.github/workflows/deploy.yaml

@@ -0,0 +1,56 @@
+name: Create and publish a Docker image to AWS ECR ans deploy to EC2
+
+on:
+  push:
+    branches:
+      - main
+
+env:
+  REGISTRY: ${{ secrets.AWS_ECR_REGISTRY }}
+  IMAGE_NAME: baro
+
+jobs:
+  build-and-push-image:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Log in to the Container registry
+        uses: docker/login-action@65b78e6e13532edd9afa3aa52ac7964289d1a9c1
+        with:
+          registry: ${{ env.REGISTRY }}
+          username: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          password: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+
+      - name: Extract metadata (tags, labels) for Docker
+        id: meta
+        uses: docker/metadata-action@9ec57ed1fcdbf14dcef7dfbe97b2010124a938b7
+        with:
+          images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
+          tags: |
+            type=sha
+      - name: Build and push Docker image
+        uses: docker/build-push-action@f2a1d5e99d037542a71f64918e516c093c6f3fc4
+        with:
+          context: .
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+
+      - name: Deploy to EC2
+
+        run: |
+          echo "${{ secrets.EC2_SSH_PRIVATE_KEY }}" > private_key.pem
+          chmod 400 private_key.pem
+          ssh -i private_key.pem -o StrictHostKeyChecking=no ubuntu@${{ secrets.EC2_PUBLIC_DOMAIN }} "
+          aws ecr get-login-password --region ap-northeast-2 |
+          sudo docker login --username AWS --password-stdin ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }} &&
+          if [ \$(sudo docker ps -q -f name=${{ env.IMAGE_NAME }}) ]; then
+              sudo docker stop ${{ env.IMAGE_NAME }} &&
+              sudo docker rm ${{ env.IMAGE_NAME }}
+          fi &&
+          sudo docker image pull ${{ steps.meta.outputs.tags }} &&
+          sudo docker container run --name ${{ env.IMAGE_NAME }} -d -p 3000:3000 ${{ steps.meta.outputs.tags }}"

Dockerfile

@@ -0,0 +1,20 @@
+FROM node:20-alpine AS base
+ENV PNPM_HOME="/pnpm"
+ENV PATH="$PNPM_HOME:$PATH"
+
+RUN corepack enable
+COPY . /app
+WORKDIR /app
+
+FROM base AS prod-deps
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --prod --frozen-lockfile
+
+FROM base AS build
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile
+RUN pnpm run build
+
+FROM base
+COPY --from=prod-deps /app/node_modules /app/node_modules
+COPY --from=build /app/ .
+EXPOSE 3000
+CMD [ "pnpm", "start" ]

pages/index.tsx

@@ -1,7 +1,7 @@
 import type { NextPage } from 'next';
 
 const HomePage: NextPage = () => {
-  return <></>;
+  return <>바로</>;
 };
 
 export default HomePage;