Clever Cloud

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

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

Развёртывание из консоли Clever Cloud

Чтобы развернуть проект Nuxt в Clever Cloud, создайте новое приложение. Мастер проведёт через необходимые шаги настройки.

В боковом меню выберите Create > An application.
Выберите способ развёртывания: Create an application from a local repository или Create an application from a GitHub repository.
Выберите приложение Node.js или статическое.
Задайте минимальный размер инстанса и опции масштабирования. Приложение Nuxt нужно разворачивать с размером не менее XS для Node.js и nano для статического. Для процесса сборки позже потребуется настроить размер не менее M, чтобы хватало ресурсов. В зависимости от проекта и зависимостей может понадобиться корректировка по метрикам на странице Overview.
Выберите регион развёртывания.
Пункт Add-ons можно пропустить, если база данных не используется.
Задайте переменные окружения:

CC_POST_BUILD_HOOK="npm run build"
CC_RUN_COMMAND="node .output/server/index.mjs"

CC_POST_BUILD_HOOK="yarn build"
CC_RUN_COMMAND="node .output/server/index.mjs"

CC_POST_BUILD_HOOK="pnpm build"
CC_RUN_COMMAND="node .output/server/index.mjs"

CC_POST_BUILD_HOOK="bun build"
CC_RUN_COMMAND="node .output/server/index.mjs"

Если в nuxt.config.ts задано ssr: falseили в проекте есть динамические маршруты, которые нельзя предварительно отрендерить:

Используйте приложение Static Apache.
Создайте файл .htaccess, перенаправляющий все маршруты на index.html для корректной работы SPA.

В остальных случаях подойдёт приложение Static HTML по умолчанию.

CC_WEBROOT=/.output/public
CC_OVERRIDE_BUILDCACHE=/.output/public
CC_PRE_BUILD_HOOK=npm install
CC_POST_BUILD_HOOK=npm run generate

CC_WEBROOT=/.output/public
CC_OVERRIDE_BUILDCACHE=/.output/public
CC_PRE_BUILD_HOOK=yarn install
CC_POST_BUILD_HOOK=yarn generate

CC_WEBROOT=/.output/public
CC_OVERRIDE_BUILDCACHE=/.output/public
CC_PRE_BUILD_HOOK=pnpm install
CC_POST_BUILD_HOOK=pnpm generate

CC_WEBROOT=/.output/public
CC_OVERRIDE_BUILDCACHE=/.output/public
CC_PRE_BUILD_HOOK=bun install
CC_POST_BUILD_HOOK=bun generate

В меню приложения Information включите опцию enable dedicated build instance с минимальным инстансом типа M.
Разверните. При развёртывании из GitHub деплой запустится автоматически. При использовании Git см. документацию.

Документация Clever Cloud по развёртыванию Nuxt

Cleavr

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

Cloudflare

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