Learn Nuxt with a Collection of 100+ Tips!
Развернуть

Zerops

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

Предустановка Nodejs: SERVER_PRESET: zeropsПредустановка Static: SERVER_PRESET: zerops-static

Узнать больше Zerops.
Nuxt x Zerops Quickrun ✨
Хотите протестировать работу Nuxt на Zerops, ничего не устанавливая и не настраивая? Использование репозиториев Zerops x Nuxt - Static или Zerops x Nuxt - SSR on Node.js вы можете развернуть пример приложения Nuxt одним щелчком мыши.

Zerops поддерживает развертывание как статических приложений, так и приложений с рендерингом на сервере с помощью простого файла конфигурации в корне вашего проекта.

Статика

Проекты и сервисы можно добавлять либо с помощью мастера добавления проекта, либо импортировать с помощью YAML-структуры:

Создание проекта

zerops-project-import.yml
project:
  name: recipe-nuxt

services:
  - hostname: app
    type: static

Это создаст проект под названием recipe-nuxt с сервисом Zerops Static под названием app.

Настройка Zerops YAML

Чтобы указать Zerops, как собирать и запускать ваше приложение, добавьте zerops.yml в корень:

zerops.yml
zerops:
  - setup: app
    build:
      base: nodejs@20
      buildCommands:
        - yarn
        - yarn nuxi generate
      deployFiles:
        - .output/public/~
    run:
      base: static

Теперь вы можете запустить конвейер сборки и развертывания с помощью Zerops CLI или подключить сервис приложений к вашему репозиторию GitHub / GitLab из детализации сервиса.

SSR Node.js

Проекты и сервисы можно добавлять либо с помощью мастера добавления проекта, либо импортировать с помощью YAML-структуры:

zerops-project-import.yml
project:
  name: recipe-nuxt

services:
  - hostname: app
    type: nodejs@20

Это создаст проект под названием recipe-nuxt с сервисом Zerops Static под названием app.

Настройка Zerops YAML

Чтобы указать Zerops, как собирать и запускать ваше приложение, добавьте zerops.yml в корень:

zerops.yml
zerops:
  - setup: nuxt
    build:
      base: nodejs@18
      prepareCommands:
        - node -v
      buildCommands:
        - yarn
        - yarn build
      deployFiles:
        - .output/~
    run:
      base: nodejs@18
      ports:
        - port: 3000
          httpSupport: true
      start: node server/index.mjs

Теперь вы можете запустить конвейер сборки и развертывания с помощью Zerops CLI или подключить сервис приложений к вашему репозиторию GitHub / GitLab из детализации сервиса.

Создание и развертывание приложения {#building-deploying-your-app}

npm i -g @zerops/zcli
zcli login <token>
  • Перейдите в корень вашего приложения (где находится zerops.yml) и выполните следующую команду, чтобы запустить развертывание:
zcli push

Ваш код может быть развернут автоматически при каждом коммите или новом теге, если подключить сервис к вашему репозиторию GitHub / GitLab. Это соединение можно настроить в деталях сервиса.

Узнать больше Zerops Documentation.