透過 100 多個技巧的集合來學習 Nuxt!
部署

Deno Deploy

將您的 Nuxt 應用程式部署到 Deno Deploy 基礎設施。
Deno deploy 預設設定為實驗性功能。

使用 CLI 部署

您可以使用 deployctl 來部署您的應用程式。

登入 Deno Deploy 以取得 DENO_DEPLOY_TOKEN 存取權杖,並將其設定為環境變數。

# Build with the deno_deploy preset
npm run build --preset=deno_deploy

# Make sure to run the deployctl command from the output directory
cd .output
deployctl deploy --project=my-project server/index.ts --token=<DENO_DEPLOY_TOKEN>

使用 GitHub Actions 在 CI/CD 中部署

將您的 GitHub 儲存庫連結到您的 Deno Deploy 專案,並選擇「GitHub Actions」部署模式。您可以在 https://dash.deno.com 的專案設定中執行此操作。

在您的儲存庫中建立一個 GitHub action 檔案

.github/workflows/deno_deploy.yml
name: deno-deploy
on:
  push:
    branches:
      - main
  pull_request:
    branches:
      - main
jobs:
  deploy:
    steps:
      - uses: actions/checkout@v3
      - run: corepack enable
      - uses: actions/setup-node@v3
        with:
          node-version: 18
          cache: pnpm
      - run: pnpm install
      - run: pnpm build
        env:
          NITRO_PRESET: deno_deploy
      - name: Deploy to Deno Deploy
        uses: denoland/deployctl@v1
        with:
          project: <my-project>
          entrypoint: server/index.ts
          root: .output
請務必將 <my-project> 重新命名為您的專案名稱。

範本

Nuxt Deno KV

一個使用 Deno KV 和 Nuxt 建構的協作待辦事項應用程式。

了解更多

前往 Nitro 文件 以了解有關 deno-deploy 部署預設的更多資訊。