<h1 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h1>
<p data-line="2" class="code-line">Next.jsアプリケーションでTrigger.dev v3を使用して非同期タスクを本番環境にデプロイする際の手順と注意点をまとめました。</p>
<h1 id="%E5%89%8D%E6%8F%90%E6%9D%A1%E4%BB%B6" data-line="4" class="code-line">
<a class="header-anchor-link" href="#%E5%89%8D%E6%8F%90%E6%9D%A1%E4%BB%B6" aria-hidden="true"></a> 前提条件</h1>
<ul data-line="5" class="code-line">
<li data-line="5" class="code-line">Next.js 14 + tRPC + Prisma構成</li>
<li data-line="6" class="code-line">Trigger.dev v3.3.12使用</li>
<li data-line="7" class="code-line">非同期でTaobao API処理とS3画像アップロード</li>
</ul>
<h1 id="%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4%E6%89%8B%E9%A0%86" data-line="9" class="code-line">
<a class="header-anchor-link" href="#%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4%E6%89%8B%E9%A0%86" aria-hidden="true"></a> デプロイ手順</h1>
<h2 id="1.-cli%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%81%AE%E7%A2%BA%E8%AA%8D" data-line="11" class="code-line">
<a class="header-anchor-link" href="#1.-cli%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%81%AE%E7%A2%BA%E8%AA%8D" aria-hidden="true"></a> 1. CLIバージョンの確認</h2>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="12">npx trigger.dev@3.3.12 deploy
</code></pre></div><p data-line="16" class="code-line">注意: CLIバージョンの警告が出る場合があるが、プロジェクトのパッケージバージョンと合わせることを推奨</p>
<h2 id="2.-trigger.config.ts%E3%81%AE%E8%A8%AD%E5%AE%9A" data-line="18" class="code-line">
<a class="header-anchor-link" href="#2.-trigger.config.ts%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> 2. trigger.config.tsの設定</h2>
<div class="code-block-container"><pre><code class="code-line" data-line="19">  export default defineConfig({
    project: 'proj_xxx',
    runtime: 'node',
    maxDuration: 3600,
    dirs: ['./src/trigger'],
    build: {
      extensions: [
        syncVercelEnvVars(),
        prismaExtension({ schema: 'prisma/schema.prisma' }),
        additionalPackages({ packages: ['prisma-json-types-generator'] }),
      ],
    },
  })
</code></pre></div><h2 id="3.-%E7%92%B0%E5%A2%83%E5%A4%89%E6%95%B0%E3%81%AE%E5%90%8C%E6%9C%9F" data-line="35" class="code-line">
<a class="header-anchor-link" href="#3.-%E7%92%B0%E5%A2%83%E5%A4%89%E6%95%B0%E3%81%AE%E5%90%8C%E6%9C%9F" aria-hidden="true"></a> 3. 環境変数の同期</h2>
<ul data-line="36" class="code-line">
<li data-line="36" class="code-line">Vercelと自動同期される</li>
<li data-line="37" class="code-line">追加で必要な変数は手動で設定</li>
</ul>
<h2 id="4.-%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4%E5%AE%9F%E8%A1%8C%E3%81%A8%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%E3%82%B7%E3%83%A5%E3%83%BC%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0" data-line="39" class="code-line">
<a class="header-anchor-link" href="#4.-%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4%E5%AE%9F%E8%A1%8C%E3%81%A8%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%E3%82%B7%E3%83%A5%E3%83%BC%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0" aria-hidden="true"></a> 4. デプロイ実行とトラブルシューティング</h2>
<ul data-line="40" class="code-line">
<li data-line="40" class="code-line">初回デプロイは時間がかかる場合がある</li>
<li data-line="41" class="code-line">ダッシュボードでデプロイ状況を確認</li>
<li data-line="42" class="code-line">deployments画面でcompletedステータスを確認</li>
</ul>
<h1 id="%E6%9C%AC%E7%95%AA%E3%81%A7%E3%81%AE%E5%8B%95%E4%BD%9C%E7%A2%BA%E8%AA%8D%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88" data-line="44" class="code-line">
<a class="header-anchor-link" href="#%E6%9C%AC%E7%95%AA%E3%81%A7%E3%81%AE%E5%8B%95%E4%BD%9C%E7%A2%BA%E8%AA%8D%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88" aria-hidden="true"></a> 本番での動作確認ポイント</h1>
<ol data-line="45" class="code-line">
<li data-line="45" class="code-line">フロントエンドからのタスク実行</li>
<li data-line="46" class="code-line">Trigger.devダッシュボードでのタスク監視</li>
<li data-line="47" class="code-line">進捗表示の動作確認</li>
</ol>


Trigger.dev v3 本番デプロイの手順と注意点

4. デプロイ実行とトラブルシューティング

Discussion