Nuxt Nationカンファレンス開催!11月12日〜13日参加しましょう。
デプロイ

Deno Deploy

NuxtアプリケーションをDeno Deployインフラストラクチャにデプロイします。
Denoデプロイプリセットは実験段階です。

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 Actionsファイルを作成する

.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で構築された共同ToDoリストアプリ。

詳細はこちら

deno-deployデプロイプリセットの詳細については、Nitroドキュメントをご覧ください。