Ec2 deploy 안정화

.dockerignore

@@ -0,0 +1,4 @@
+.next
+.git
+node_modules
+.gitignore

.github/workflows/production-deploy.yml

@@ -0,0 +1,49 @@
+# .github/workflows/deploy.yml
+
+name: Deploy to EC2 using Docker Hub
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout source code
+        uses: actions/checkout@v3
+
+      # 1. Docker Hub에 로그인 (ECR 로그인 대신)
+      - name: Login to Docker Hub
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      # 2. Docker 이미지 빌드, 태그, 푸시 (이미지 이름 형식 변경)
+      - name: Build and push to Docker Hub
+        run: |
+          docker build -t ${{ secrets.DOCKERHUB_USERNAME }}/motimo-fe-production:${{ github.sha }} .
+          docker push ${{ secrets.DOCKERHUB_USERNAME }}/motimo-fe-production:${{ github.sha }}
+
+      # 3. EC2에 접속하여 배포
+      - name: Deploy to EC2 instance
+        uses: appleboy/ssh-action@master
+        with:
+          host: ${{ secrets.EC2_HOST }}
+          username: ${{ secrets.EC2_USER }}
+          key: ${{ secrets.EC2_SSH_KEY }}
+          script: |
+            # EC2에서 Docker Hub 이미지 pull
+            docker pull ${{ secrets.DOCKERHUB_USERNAME }}/motimo-fe-production:${{ github.sha }}
+
+            # 기존 컨테이너 중지 및 삭제
+            if [ $(docker ps -q -f name=motimo-fe-production) ]; then
+              docker stop motimo-fe-production
+              docker rm motimo-fe-production
+            fi
+
+            # 새 컨테이너 실행
+            docker run -d --name motimo-fe-production -p 3000:3000 --restart always --env-file ./production.env ${{ secrets.DOCKERHUB_USERNAME }}/motimo-fe-production:${{ github.sha }}

Dockerfile

@@ -0,0 +1,30 @@
+# 베이스 이미지로 Node.js 20-alpine 버전을 사용합니다. alpine은 경량화된 버전입니다.
+FROM node:20-alpine
+
+# 작업 디렉토리를 /app으로 설정합니다.
+WORKDIR /app
+
+# package.json과 package-lock.json (또는 yarn.lock)을 복사합니다.
+COPY package*.json ./
+
+# 의존성을 설치합니다.
+RUN npm install
+
+# 프로젝트의 모든 파일을 작업 디렉토리로 복사합니다.
+COPY . .
+
+
+############## 빌드 시점 환경 변수 주입하기.
+ARG NEXT_PUBLIC_FRONTEND_BASE_URL
+
+ENV NEXT_PUBLIC_FRONTEND_BASE_URL=$NEXT_PUBLIC_FRONTEND_BASE_URL
+
+
+# Next.js 애플리케이션을 빌드합니다.
+RUN npm run build
+
+# 3000번 포트를 외부에 노출합니다.
+EXPOSE 3000
+
+# 컨테이너가 시작될 때 실행할 명령어를 설정합니다.
+CMD ["npm", "start"]

api/service.ts

@@ -79,7 +79,8 @@ const tokenHandler = async <T, E>(
       const token = useAuthStore.getState().refreshToken;
 
       if (!token) {
-        api.authController.logout();
+        // api.authController.logout();
+        // window.location.href = "/";
         throw new Error("no refresh token");
       }
       const tokenRes = await api.authController.reissue({

app/onboarding/_components/LoginScreen.tsx

@@ -184,7 +184,8 @@ export default function LoginScreen({ onNext }: LoginScreenProps) {
 
     login();
     setIsGuest(true);
-    // onNext();
+
+    if (!hasGuestDB) onNext();
   };
 
   return (