Paperloo Compliance について
Paperloo Complianceは、Supabase、Google OAuth、Stripeの設定手順を示すB2BコンプライアンスSaaSプロジェクトです。READMEには基盤とデザインが記載されていますが、監査機能の詳細は示されていません。
主な機能
- 01Supabaseプロジェクトの設定
- 02Google OAuthの設定
- 03StripeプランとWebhookの設定
- 04ダークモードのデザイン
活用シーン
- 01Supabase認証の設定
- 02Stripeプラン課金の設定
- 03アプリのローカル開発
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
エンドポイント
https://paperloo.vercel.app/api/mcpインストールコマンドをコピー
Claude CodeTerminal
claude mcp add --transport http yassinemohamedali-paperloo https://paperloo.vercel.app/api/mcpCursor.cursor/mcp.json
{"mcpServers":{"yassinemohamedali-paperloo":{"type":"http","url":"https://paperloo.vercel.app/api/mcp"}}}Cursor で開くVS Code.vscode/mcp.json
{"servers":{"yassinemohamedali-paperloo":{"type":"http","url":"https://paperloo.vercel.app/api/mcp"}}}VS Code で開くClaude Desktopclaude_desktop_config.json
{"mcpServers":{"yassinemohamedali-paperloo":{"type":"http","url":"https://paperloo.vercel.app/api/mcp"}}}Windsurf~/.codeium/windsurf/mcp_config.json
{"mcpServers":{"yassinemohamedali-paperloo":{"serverUrl":"https://paperloo.vercel.app/api/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
2このツールにパラメーターはありません。
詳細
Paperloo - B2BコンプライアンスSaaSの刷新
セットアップ手順
1. Supabaseのセットアップ
- 新しいSupabaseプロジェクトを作成します。
- SQL Editorで
supabase/migrations/001_init.sqlのSQLマイグレーションを実行します。 - Authentication > ProvidersでGoogle OAuthを有効にします。
- Supabaseに以下のRedirect URLsを追加します。
http://localhost:3000/dashboardhttps://your-app-url.run.app/dashboard
- プロジェクトのURLとAnon Keyを
.envにコピーします。
2. Stripeのセットアップ
- Stripeアカウントを作成します。
- 各プラン(Starter、Agency、Scale)用の商品を3つ作成します。
https://your-project-ref.supabase.co/functions/v1/stripe-webhookを指定するWebhookを設定します。- StripeのキーをSupabase Edge Functionのシークレットに追加します。
supabase secrets set STRIPE_SECRET_KEY=sk_test_... supabase secrets set STRIPE_WEBHOOK_SECRET=whsec_... supabase secrets set STRIPE_PRICE_STARTER=price_... supabase secrets set STRIPE_PRICE_AGENCY=price_... supabase secrets set STRIPE_PRICE_SCALE=price_...
3. ローカル開発
npm installnpm run dev
4. 環境変数
以下を含む.envファイルを作成します。
VITE_SUPABASE_URLVITE_SUPABASE_ANON_KEYVITE_STRIPE_PUBLISHABLE_KEY
デザインシステム
- タイポグラフィ: Syne(見出し)、DM Sans(本文)
- テーマ: ダークモードのみ
- 配色: インディゴをアクセントにしたカスタムのディープダークパレット。
コメント
Markdown 対応
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。