クイックスタート

ProductReadyへようこそ！🚀 このガイドでは、10分以内にゼロから動作するアプリまで進めます。

表示される内容

セットアップ後、ProductReadyはすぐに使える複数の事前構築ページを提供します。探索できる内容は次のとおりです：

クイックアクセスリンク：

• 🏠 ランディングページ: http://localhost:3000/
• 📊 ダッシュボード: http://localhost:3000/dashboard（または/dashboard?demo=1）
• 🤖 エージェントタスク: http://localhost:3000/agent（または/agent?demo=1）
• ⚙️ システム管理: http://localhost:3000/systemadmin（または/systemadmin?demo=1）

注意：スクリーンショットは次のドキュメント更新時に追加されます。今のところ、開発サーバーを起動して、これらのルートを自分で探索してください！

ProductReadyを使用する2つの方法

ProductReadyは2つのシナリオであなたを支援できます：

前提条件

開始する前に、次のものがあることを確認してください：

• Node.js 24.18.0 LTS - ここからダウンロード
• pnpm - インストール: npm install -g pnpm
• Git - ここからダウンロード
• PostgreSQLデータベース (オプション - デモモードではスキップ可能)

デモモード

最速の方法 - データベースなしでProductReadyを試す！

git clone https://github.com/mr-kelly/productready.git
cd productready

pnpm install

pnpm dev

新規プロジェクト

ProductReadyから新しいプロジェクトを開始します。

git clone https://github.com/mr-kelly/productready.git my-app
cd my-app

pnpm install

cp .env.example .env

pnpm db:push
pnpm db:seed

pnpm dev

既存プロジェクトのリファクタリング

既存のプロジェクトにProductReadyパターンを統合します。

アプローチ

1. 段階的な移行 - すべてを一度に書き換えないでください
2. パターンを採用 - ProductReadyのベストプラクティスをコピー
3. AIを使用 - Claude/Cursorにコード移行を支援させる

ステップ

git clone https://github.com/mr-kelly/productready.git
cd productready
pnpm install
pnpm dev

次のステップ

ProductReadyが実行されたら：

1. **プロジェクト構造**を読む - すべてがどこにあるかを理解
2. **認証**を設定 - ユーザーログインとOAuth
3. **データベース**を理解 - スキーマとクエリ
4. **課金**を追加 - Stripeサブスクリプション
5. デプロイ - Vercelに本番環境をデプロイ

トラブルシューティング

問題が発生しましたか？トラブルシューティングガイドを確認してください。

ヘルプが必要ですか？

• 📖 ドキュメントを検索（Cmd+Kを押す）
• 🐛 バグを報告
• 💬 質問する

ProductReadyで構築を楽しんでください！ 🚀