tinyship-deploy について
TinyShipを本番環境へデプロイするためのスキルです。Docker、Vercel、Cloudflare Workers、VPSから対象を選び、リリース前の確認を進められます。
主な機能
- 01デプロイ先の選択ガイド
- 02本番環境のチェックリスト
- 03Dockerのデプロイ手順
- 04Vercelのデプロイ手順
- 05Cloudflare Workersのガイド
- 06VPSのデプロイガイド
活用シーン
- 01TinyShipのホスティング先の選定
- 02リリース前の本番設定確認
- 03TanStack StartアプリのCloudflare Workersへのデプロイ
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ tinyshipcn/ tinyship-skills --skill tinyship-deployインストール後、Claude Code で/tinyship-deployを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/cloudflare-deploy.mddocker-deploy.mdvercel-deploy.md詳細
TinyShip のデプロイ
TinyShip を本番環境にデプロイするためのガイドです。
プラットフォームの選択
希望するデプロイ先をユーザーに確認します。
| プラットフォーム | 最適な用途 | フレームワークのサポート |
|---|---|---|
| Docker | セルフホスト、本格的な制御 | 3 つすべてのフレームワーク |
| Vercel | Next.js プロジェクト、設定不要 | Next.js(推奨) |
| Cloudflare Workers | エッジデプロイ、グローバル展開 | TanStack Start のみ |
| VPS (PM2 + Nginx) | 従来型のホスティング | 3 つすべてのフレームワーク |
該当するリファレンスファイルを読み、手順に従います。
デプロイ前チェックリスト(すべてのプラットフォーム)
デプロイする前に、次の項目を確認してください。
- 本番データベースの準備ができていること(PostgreSQL を推奨)
- 本番環境用の環境変数が設定されていること:
APP_BASE_URL— 本番ドメイン(例:https://app.example.com)BETTER_AUTH_URL—APP_BASE_URLと同じ値BETTER_AUTH_SECRET— 強力なランダムシークレット(openssl rand -hex 32で生成)DATABASE_URL— 本番データベースの接続文字列
- OAuth リダイレクト URIが本番ドメインに更新されていること
- 決済 Webhook URLが本番ドメインに更新されていること
- データベースのマイグレーションが完了していること:本番データベースに対して
pnpm db:pushを実行
Docker でのデプロイ
詳しい手順は references/docker-deploy.md をご覧ください。
概要:
# Build and run with Docker Compose
docker compose --profile next up -d # or --profile nuxt / --profile tanstack
# Or build individual image
docker build -f apps/next-app/Dockerfile -t tinyship .
Vercel へのデプロイ
詳しい手順は references/vercel-deploy.md をご覧ください。
概要:
- GitHub にプッシュする
- Vercel Dashboard でプロジェクトをインポートする
- ルートディレクトリを
apps/next-appに設定する - 環境変数を設定する
- デプロイする
Cloudflare Workers
詳しい手順は references/cloudflare-deploy.md をご覧ください。
TanStack Start でのみ利用できます。D1 データベースと Wrangler CLI を使用します。
既知の問題については apps/tanstack-app/CF-NOTES.md をご覧ください。
VPS(PM2 + Nginx)
TinyShip リポジトリ内の docs/user-guide/deployment/traditional.md をご覧ください。
概要:
- アプリをビルドする:
pnpm build:next(または nuxt/tanstack) - PM2 をインストールする:
npm install -g pm2 - PM2 で起動する:
pm2 start .output/server/index.mjs --name tinyship - ポート 7001 への Nginx リバースプロキシを設定する
- Let's Encrypt で SSL を設定する
デプロイ後
デプロイした後、次の項目を実施します。
- ヘルスチェックを確認する:
curl https://yourdomain.com/api/health - ログインフローをテストする
- すべてのプロバイダーの OAuth リダイレクト URI を更新する
- 決済 Webhook URL を更新する
- 決済が設定されている場合は、テスト決済を実行する
- 監視とアラートを設定する
TinyShip リポジトリ内のリファレンスファイル
docs/user-guide/deployment/overview.md— デプロイに関するドキュメントのインデックスdocs/user-guide/deployment/docker.md— Docker デプロイガイドdocs/user-guide/deployment/cloud.md— クラウドプラットフォームガイドdocs/user-guide/deployment/cloudflare-workers.md— CF Workers ガイドdocs/user-guide/deployment/traditional.md— VPS/PM2 ガイドdocker-compose.yml— Docker Compose の設定apps/tanstack-app/CF-NOTES.md— Cloudflare Workers の既知の問題apps/tanstack-app/wrangler.jsonc— Wrangler の設定
コメント
Markdown 対応