정적 사이트를 위한 GitLab Pages 배포 생성

Tier: Free, Premium, Ultimate Offering: GitLab.com, Self-managed, GitLab Dedicated

이미 정적 사이트 또는 프레임워크가 포함된 GitLab 프로젝트가 있는 경우, 해당 프로젝트에서 GitLab Pages 웹사이트를 생성할 수 있습니다.

UI에서 기본 정보를 제공하면 .gitlab-ci.yml 파일이 생성되고 Merge Request이 열립니다. Merge Request을 커밋하면 파이프라인이 Pages 웹사이트를 배포합니다.

Prerequisites

  • 앱은 public 폴더에 파일을 출력해야 합니다. 만약 빌드 파이프라인에서 이 폴더를 생성한다면 Git에 커밋할 필요가 없습니다.

    caution
    이 단계는 중요합니다. 파일이 루트 수준의 public 폴더에 있는지 확인하세요.
  • 프로젝트에 대한 요구 사항:
    • 정적 사이트를 생성하거나 클라이언트 렌더링되는 싱글 페이지 애플리케이션(SPA)을 생성해야 합니다. 예: Eleventy, Astro, 또는 Jekyll.
    • 정적 출력이 구성된 프레임워크를 포함해야 합니다. 예: Next.js, Nuxt, 또는 SvelteKit.
  • 프로젝트에 GitLab Pages를 활성화해야 합니다. (활성화하려면 Settings > General로 이동하여 Visibility, project features, permissions을 확장하고 Pages 토글을 켭니다.)

Pages 배포 생성

설정을 완료하고 GitLab Pages 배포를 생성하려면 다음을 수행하세요:

  1. 왼쪽 사이드바에서 검색 또는 이동을 선택하고 프로젝트를 찾습니다.
  2. 배포 > Pages를 선택합니다.

    Pages로 시작하기 양식이 나타납니다. 만약 이 양식을 사용할 수 없다면, 문제 해결을 참조하세요.

  3. 단계 1에서 이미지 이름을 입력하고 파일이 public 폴더에 있는지 확인합니다.
  4. 다음을 선택합니다.
  5. 단계 2에서 설치 단계를 입력합니다. 프레임워크의 빌드 프로세스가 제공된 빌드 명령 중 하나를 필요로 하지 않는 경우, 다음 중 하나를 수행할 수 있습니다:
    • 다음을 선택하여 해당 단계를 건너뜁니다.
    • .gitlab-ci.yml 파일에 해당 단계의 보일러플레이트를 여전히 통합하고 싶다면 : (bash의 “아무 것도 하지 않기” 명령)을 입력하세요.
  6. 다음을 선택합니다.
  7. 단계 3에서 애플리케이션 빌드 방법을 나타내는 스크립트를 입력합니다.
  8. 다음을 선택합니다.
  9. .gitlab-ci.yml 파일을 필요에 따라 편집합니다.
  10. 단계 4에서 커밋 메시지를 추가하고 커밋을 선택합니다. 이 커밋은 첫 번째 GitLab Pages 배포를 트리거합니다.

실행 중인 파이프라인을 보려면 빌드 > 파이프라인으로 이동하세요.

배포 중에 생성된 아티팩트를 보려면 작업을 보고 오른쪽에서 아티팩트 다운로드를 선택하세요.

문제 해결

Pages로 시작하기 양식을 사용할 수 없는 경우

Pages로 시작하기 양식은 다음과 같은 경우 사용할 수 없습니다:

  • 이전에 GitLab Pages 사이트를 배포했을 경우.
  • 적어도 한 번은 양식을 통해 .gitlab-ci.yml을 커밋했을 경우.

이 문제를 해결하려면:

  • Pages 파이프라인이 완료될 때까지 대기 중 메시지가 표시되면 양식을 다시 시작하려면 다시 시작을 선택하세요.
  • 프로젝트가 이전에 GitLab Pages를 성공적으로 배포한 경우, 매뉴얼으로 .gitlab-ci.yml 파일을 업데이트하세요.