Разверните Nuxt в GitLab Pages

Nuxt поддерживает развертывание на GitLab Pages с минимальными настройками.

GitLab Pages поддерживает только статические сайты, Nuxt будет предварительно рендерить ваше приложение в статические HTML-файлы.

Если вы не используете пользовательский домен, вам нужно установить NUXT_APP_BASE_URL в slug репозитория на этапе сборки. Пример: https://<group/user>.gitlab.io/<repository>/: NUXT_APP_BASE_URL=/<repository>/ npm run generate

Развертывание

Вот пример рабочего процесса GitLab Pages для развертывания вашего сайта на GitLab Pages:

.gitlab-ci.yml

# Job name has to be `pages`. See https://docs.gitlab.com/ee/user/project/pages/#how-it-works
pages:
   image: node
   before_script:
      - npm ci --cache .npm --prefer-offline
   script:
      # Укажите здесь шаги, необходимые для создания вашего приложения
      - npm run generate
   cache: # https://docs.gitlab.com/ee/ci/caching/#cache-nodejs-dependencies
      key:
         files:
         - package-lock.json
      paths:
         - .npm/
   artifacts:
      paths:
         # Директория, содержащая собранные файлы для публикации
         - .output/public
   # Директория, содержащая собранные файлы для публикации
   publish: .output/public
   rules:
      # Это гарантирует, что развертывание страниц будет происходить
      # только в ветке по умолчанию
      - if: $CI_COMMIT_REF_NAME == $CI_DEFAULT_BRANCH

Узнать больше

Перейдите по ссылке Доменные имена и URL-адреса по умолчанию GitLab Pages, чтобы узнать больше о доменных именах по умолчанию GitLab Pages.

GitHub Pages

Разверните ваше приложение Nuxt на GitHub Pages инфраструктуре.

Heroku

Разверните ваше приложение Nuxt на Heroku инфраструктуре.