코드 건축 현장
close
프로필 배경
프로필 로고

코드 건축 현장

  • 분류 전체보기 (87)
    • CS (1)
    • 소프트웨어 아키텍쳐 (1)
    • WEB (7)
    • 네트워크 (3)
    • Frontend (44)
      • HTML (1)
      • CSS (3)
      • JavaScript (15)
      • TypeScript (1)
      • React (13)
      • Next.js (8)
    • Backend (11)
      • Java (7)
      • Node.js (2)
    • DB (3)
    • DevOps (5)
    • 알고리즘 풀이 (1)
    • 사이드프로젝트 (2)
    • git (3)
    • .ect (4)
    • 트러블 슈팅 (1)
  • 홈
  • 태그
  • 방명록
728x90
[Next.js] Next.js 도커 이미지 생성 + Nginx를 리버스 프록시로 사용

[Next.js] Next.js 도커 이미지 생성 + Nginx를 리버스 프록시로 사용

최근 진행하고 있던 프로젝트의 개발이 끝나 배포에 대한 방법을 고민하던 중 이전에 데모 어플리케이션으로 사용해본 도커와 github action을 사용한 배포 자동화를 적용해보기로 하였다. 사실 데모가 아닌 프로젝트에 CI/CD 전체의 자동화를 적용해보려는 것은 처음이라 많이 헷갈렸다.. (회사에서 근무할 당시에는 사용자가 없는 시간에 수동 배포를 했던 기억이 난다..)먼저 이번 글에서는 Next.js와 Nginx를 도커 이미지로 만들어 컨테이너로 실행시키는 과정까지 진행한다.❗️참고 내용요약Next.js 서버를 메인으로, Nginx를 리버스 프록시 서버로 구성dockerfile 설정 및 docker image 생성로컬에서 정상 작동 확인 - Nginx 리버스 프록시 확인서버 측 렌더링(SSR) 방식을 ..

  • format_list_bulleted Frontend/Next.js
  • · 2024. 12. 4.
  • textsms
728x90
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (87)
    • CS (1)
    • 소프트웨어 아키텍쳐 (1)
    • WEB (7)
    • 네트워크 (3)
    • Frontend (44)
      • HTML (1)
      • CSS (3)
      • JavaScript (15)
      • TypeScript (1)
      • React (13)
      • Next.js (8)
    • Backend (11)
      • Java (7)
      • Node.js (2)
    • DB (3)
    • DevOps (5)
    • 알고리즘 풀이 (1)
    • 사이드프로젝트 (2)
    • git (3)
    • .ect (4)
    • 트러블 슈팅 (1)
최근 글
인기 글
최근 댓글
태그
  • #react
  • #티스토리챌린지
  • #node.js
  • #튜토리얼
  • #오블완
  • #Next.js
  • #JavaScript
  • #HTTP
  • #JS
  • #Java
전체 방문자
오늘
어제
전체
250x250
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바