🌐 言語

オープンソースで軽量なTrello代替、メイカーやインディーハッカー向けに設計。

シンプルさ、速度、スケーラビリティにフォーカス。最新のスタック（Tailwind CSS、shadcn/ui、Supabase、Stripe連携）で構築。無制限プロジェクト、チームコラボレーション、ダーク/ライトモード、シームレスなユーザー体験をサポート。不要な複雑さなく、完全なコントロールを求めるソロ開発者や小規模チームに最適。

🌟 このプロジェクトが役立つと感じたら、ぜひスターを付けてください！他の人にも発見されやすくなります。

デプロイガイド

概要

このアプリケーションは、Stripe連携のためにSupabase Edge Functionsの代わりにローカルのNext.js APIルートを使用するようになりました。これによりデプロイが簡単になり、標準の.envファイルで設定が可能です。

環境変数の設定

1. .env.localファイルを作成

.env.exampleを.env.localにコピーし、実際の値を入力してください：

cp .env.example .env.local

2. 必要な環境変数

#### Supabaseの設定

NEXT_PUBLIC_SUPABASE_URL - あなたのSupabaseプロジェクトのURL
NEXT_PUBLIC_SUPABASE_ANON_KEY - あなたのSupabase匿名キー
SUPABASE_SERVICE_ROLE_KEY - あなたのSupabaseサービスロールキー（サーバーサイドのみ）

#### Stripeの設定（任意）

STRIPE_SECRET_KEY - あなたのStripeシークレットキー（サーバーサイドのみ）
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY - あなたのStripe公開可能キー
STRIPE_WEBHOOK_SECRET - あなたのStripeウェブフックシークレット

#### サイトの設定

NEXT_PUBLIC_SITE_URL - あなたのサイトURL（本番用）
NEXTAUTH_URL - あなたのサイトURL（上記と同じ）
NEXTAUTH_SECRET - NextAuth用のランダムなシークレット

ローカル開発

依存関係をインストールします：

npm install

.env.local に環境変数を設定します

開発サーバーを起動します:

npm run dev

Stripe CLIを使用してローカルでStripeのウェブフックをテストする:

stripe listen --forward-to localhost:3000/api/stripe/webhook

本番環境へのデプロイ

Vercelへのデプロイ

Vercelにデプロイする:

npx vercel

環境変数：

VercelのダッシュボードまたはCLIを通じてすべての環境変数を追加してください

Stripe Webhookの設定：
Webhookの送信先を次に設定してください：https://your-domain.vercel.app/api/stripe/webhook

APIエンドポイント

アプリケーションは現在、以下のローカルAPIルートを使用しています：

POST /api/stripe/checkout - Stripeのチェックアウトセッションを作成
POST /api/stripe/webhook - StripeのWebhookイベントを処理

ローカルAPIルートの利点

デプロイが簡単 - 別のエッジ関数をデプロイする必要がありません
環境変数のサポート - 標準の.envファイルが利用可能
デバッグが容易 - ローカルでのデバッグが簡単になります
フレームワークとの統合 - Next.jsとの統合が向上
ベンダーロックインなし - Next.jsをサポートする任意のプラットフォームにデプロイ可能

トラブルシューティング

Webhookの問題：
STRIPE_WEBHOOK_SECRETがStripeのWebhookエンドポイントと一致していることを確認
StripeダッシュボードでWebhookログを確認
WebhookのURLが正しいことを検証

環境変数：
必要なすべての変数が設定されているか確認
変数名のタイプミスをチェック
Supabaseのサービスロールキーに適切な権限があることを確認

CORSの問題：
APIルートに適切なCORSヘッダーが含まれている
必要に応じてドメインがホワイトリストに登録されていることを確認

セキュリティに関する注意

STRIPE_SECRET_KEYやSUPABASE_SERVICE_ROLE_KEYをクライアントに公開しないこと
クライアント側変数にはNEXT_PUBLIC_プレフィックスのみ使用
Webhookシークレットは定期的にローテーションすること
StripeダッシュボードでWebhook配信を監視すること

--- Tranlated By Open Ai Tx | Last indexed: 2025-07-20 ---

kanba