728x90

cloudfront 2

Next.js와 i18next를 사용한 다국어 사이트 구축(7): 배포 및 관리

배포 및 관리7.1 Vercel을 이용한 배포Vercel에 Next.js 프로젝트 배포하기Vercel은 Next.js를 만든 회사에서 제공하는 배포 플랫폼으로, Next.js 애플리케이션 배포에 매우 최적화되어 있습니다.배포 과정:Vercel 계정 생성 및 로그인.GitHub, GitLab, 또는 Bitbucket에서 Next.js 프로젝트를 Vercel과 연동.Vercel 대시보드에서 프로젝트 선택 후 배포 설정.배포 버튼을 클릭하면 Vercel이 자동으로 프로젝트를 빌드하고 배포.배포 완료 후, 프로젝트 URL을 통해 웹사이트에 접근.Vercel에서 다국어 페이지가 제대로 작동하는지 확인배포 후, Vercel에서 다국어 사이트가 제대로 작동하는지 언어 전환 기능과 번역된 콘텐츠가 올바르게 표시되는지 ..

React/next.js 2024.10.22

React CI/CD (feat. AWS, Gitlab)

React 애플리케이션을 GitLab을 사용한 CI/CD와 AWS를 통한 배포로 구성하는 방법을 단계별로 설명드리겠습니다. 이 구성에서는 GitLab CI/CD 파이프라인을 사용하여 React 애플리케이션을 AWS S3와 CloudFront에 자동으로 배포하는 인프라를 구축합니다.1. AWS S3와 CloudFront 설정Step 1: S3 버킷 생성S3 버킷 생성:AWS Management Console에서 S3로 이동한 후 새로운 버킷을 생성합니다.버킷 이름은 고유해야 하며, AWS가 지원하는 모든 리전에 걸쳐 사용됩니다.버킷을 정적 웹사이트 호스팅용으로 설정:S3 설정에서 '정적 웹사이트 호스팅'을 활성화하고, 인덱스 문서(index.html) 및 오류 문서(error.html)를 설정합니다.버킷 ..

728x90