Clever Cloud
Clever Cloud將您的 Nuxt 應用程式部署到 Clever Cloud 基礎設施。
Nuxt 支援部署在Clever Cloud只需少量配置。
從控制檯部署到 Clever Cloud
要將您的 Nuxt 專案部署到 Clever Cloud，您需要建立一個 新應用程式。應用程式嚮導將引導您完成必要的配置步驟。
- 從側邊選單欄中，點選 建立 > 應用程式
- 選擇部署方式：從本地倉庫建立應用程式 或 從 GitHub 倉庫建立應用程式
- 選擇 Node.js 應用程式，或 靜態應用程式。
- 設定例項的最小尺寸和可伸縮性選項。Nuxt 應用程式部署的最小例項尺寸，對於 Node.js 應用程式必須為 XS，對於 靜態應用程式 必須為 nano。然而，構建過程需要稍後配置至少 M 尺寸的例項，以確保它能夠處理資源需求。根據您的專案規範和依賴項，您可能需要根據 概覽 頁面中的指標進行進一步調整。
- 選擇一個 區域 來部署您的例項。
- 除非您正在使用資料庫，否則跳過將 附加元件 連線到您的 Clever 應用程式。
- 注入 環境變數
- 對於 Node.js
npm
CC_PRE_BUILD_HOOK="npm run build"
CC_RUN_COMMAND="node .output/server/index.mjs"
yarn
CC_NODE_BUILD_TOOL="yarn"
CC_PRE_BUILD_HOOK="yarn install --frozen-lockfile && yarn build"
CC_RUN_COMMAND="node .output/server/index.mjs"
pnpm
CC_CUSTOM_BUILD_TOOL="pnpm build"
CC_NODE_BUILD_TOOL="custom"
CC_PRE_BUILD_HOOK="npm i -g pnpm && pnpm install --frozen-lockfile && pnpm run build"
CC_RUN_COMMAND="node .output/server/index.mjs"
bun
CC_CUSTOM_BUILD_TOOL="bun build"
CC_NODE_BUILD_TOOL="custom"
CC_PRE_BUILD_HOOK="npm i -g bun && bun install && bun run build "
CC_RUN_COMMAND="node .output/server/index.mjs"
- 對於 靜態應用程式
npm
CC_NODE_VERSION=20
CC_WEBROOT=/.output/public
CC_OVERRIDE_BUILDCACHE=/.output/public
CC_PRE_BUILD_HOOK=npm install
CC_POST_BUILD_HOOK=npx nuxi generate
yarn
CC_NODE_VERSION=20
CC_WEBROOT=/.output/public
CC_OVERRIDE_BUILDCACHE=/.output/public
CC_PRE_BUILD_HOOK="yarn install --frozen-lockfile"
CC_POST_BUILD_HOOK=npx nuxi generate
pnpm
CC_NODE_VERSION=20
CC_WEBROOT=/.output/public
CC_OVERRIDE_BUILDCACHE=/.output/public
CC_PRE_BUILD_HOOK="npm i -g pnpm && pnpm install --frozen-lockfile"
CC_POST_BUILD_HOOK=npx nuxi generate
bun
CC_NODE_VERSION=20
CC_WEBROOT=/.output/public
CC_OVERRIDE_BUILDCACHE=/.output/public
CC_PRE_BUILD_HOOK="npm i -g bun && bun install"
CC_POST_BUILD_HOOK=npx nuxi generate
- 導航到應用程式的 資訊 選單，並啟用 啟用專用構建例項 選項，例項型別至少為 M。
- 部署！ 如果您從 GitHub 部署，您的部署應該會自動開始。如果您正在使用 Git，請參閱此文件.