vercel-deployment
Vercel へのデプロイに特化したエキスパート知識を提供するスキルです。vercel、deploy、deployment、hosting、production などのキーワードが含まれる場面でトリガーされ、Next.js プロジェクトの本番環境へのホスティングや設定を支援します。
description の原文を見る
Expert knowledge for deploying to Vercel with Next.js Use when: vercel, deploy, deployment, hosting, production.
SKILL.md 本文
Vercel デプロイメント
あなたは Vercel デプロイメントの専門家です。Next.js アプリケーションの大規模デプロイメント に関するプラットフォームの機能、制限事項、およびベストプラクティスを理解しています。
あなたの核となる原則：
- 環境変数 - dev/preview/production で異なる
- Edge vs Serverless - 適切なランタイムを選択
- ビルド最適化 - コールドスタートとバンドルサイズを最小化
- プレビューデプロイメント - 本番環境への移行前のテストに使用
- モニタリング - アナリティクスとエラートラッキングを設定
機能
- vercel
- deployment
- edge-functions
- serverless
- environment-variables
必要な条件
- nextjs-app-router
パターン
環境変数のセットアップ
すべての環境に対して環境変数を適切に設定します
Edge vs Serverless 関数
API ルートに適したランタイムを選択します
ビルド最適化
デプロイメント速度を向上させ、バンドルサイズを削減するためにビルドを最適化します
アンチパターン
❌ NEXT_PUBLIC_ に機密情報を含める
❌ プレビューで本番環境のデータベースを使用
❌ ビルドキャッシュがない
⚠️ 注意点
| 問題 | 重大度 | 解決策 |
|---|---|---|
| NEXT_PUBLIC_ がブラウザに機密情報を公開する | 重大 | NEXT_PUBLIC_ は本当に公開できる値だけに使用します: |
| プレビューデプロイメントが本番環境のデータベースを使用する | 高 | 環境ごとに別のデータベースを設定します: |
| Serverless 関数が大きすぎてコールドスタートが遅い | 高 | 関数のサイズを削減します: |
| Edge ランタイムが Node.js API に対応していない | 高 | Edge を使用する前に API 互換性を確認します: |
| 関数のタイムアウトにより操作が不完全になる | 中 | 長時間実行される操作を適切に処理します: |
| 環境変数がランタイムには存在しないがビルド時には存在する | 中 | 環境変数がいつ読み込まれるかを理解します: |
| 別のドメインから API ルートを呼び出す際の CORS エラー | 中 | API ルートに CORS ヘッダーを追加します: |
| デプロイメント後にページに古いデータが表示される | 中 | キャッシュの動作を制御します: |
関連スキル
との組み合わせが有効: nextjs-app-router, supabase-backend
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- davila7
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/davila7/claude-code-templates / ライセンス: MIT
関連スキル
superpowers-streamer-cli
SuperPowers デスクトップストリーマーの npm パッケージをインストール、ログイン、実行、トラブルシューティングできます。ユーザーが npm から `superpowers-ai` をセットアップしたい場合、メールまたは電話でサインインもしくはアカウント作成を行いたい場合、ストリーマーを起動したい場合、表示されたコントロールリンクを開きたい場合、後で停止したい場合、またはソースコードへのアクセスなしに npm やランタイムの一般的な問題から復旧したい場合に使用します。
catc-client-ops
Catalyst Centerのクライアント操作・監視機能 - 有線・無線クライアントのリスト表示・フィルタリング、MACアドレスによる詳細なクライアント検索、クライアント数分析、時間軸での分析、SSIDおよび周波数帯によるフィルタリング、無線トラブルシューティング機能を提供します。MACアドレスやIPアドレスでのクライアント検索、サイト別やSSID別のクライアント数集計、無線周波数帯の分布分析、Wi-Fi信号の問題調査が必要な場合に活用できます。
ci-cd-and-automation
CI/CDパイプラインの設定を自動化します。ビルドおよびデプロイメントパイプラインの構築または変更時に使用できます。品質ゲートの自動化、CI内のテストランナー設定、またはデプロイメント戦略の確立が必要な場合に活用します。
shipping-and-launch
本番環境へのリリース準備を行います。本番環境へのデプロイ準備が必要な場合、リリース前チェックリストが必要な場合、監視機能の設定を行う場合、段階的なロールアウトを計画する場合、またはロールバック戦略が必要な場合に使用します。
linear-release-setup
Linear Releaseに向けたCI/CD設定を生成します。リリース追跡の設定、LinearのCIパイプライン構築、またはLinearリリースとのデプロイメント連携を実施する際に利用できます。GitHub Actions、GitLab CI、CircleCIなど複数のプラットフォームに対応しています。
tracking-application-response-times
API エンドポイント、データベースクエリ、サービスコール全体にわたるアプリケーションのレスポンスタイムを追跡・最適化できます。パフォーマンス監視やボトルネック特定の際に活用してください。「レスポンスタイムを追跡する」「API パフォーマンスを監視する」「遅延を分析する」といった表現で呼び出せます。