インポートを使うと、既存のコードやデザインをReplit Appsに持ち込み、Agentで構築を続けることができます。
サポートされているソース
| ソース | 必要なもの | 最適な用途 |
|---|
| GitHub | リポジトリURLまたはリポジトリピッカー | 公開・非公開リポジトリのインポート |
| Bitbucket | リポジトリURLまたはリポジトリピッカー | Bitbucketホストのリポジトリインポート |
| Vercel | Vercelプロジェクトの背後にあるGitHubリポジトリ | Vercelアプリの移行 |
| Figma | フレームURL | デザインをReactアプリに変換 |
| Bolt | BoltからエクスポートしたGitHubリポジトリ | Boltプロジェクトの移行 |
| Lovable | LovableからエクスポートしたGitHubリポジトリ | Lovableプロジェクトの移行 |
| Base44 | Base44からエクスポートしたGitHubリポジトリ | Base44プロジェクトの移行 |
| ZIP | .zipファイルのアップロード | ローカルプロジェクトアーカイブのインポート |
| スプレッドシート | .xlsx、.csvファイル、またはGoogle Sheets URL | スプレッドシートデータからアプリを構築 |
| 以前のAgentエクスポート | 以前のAgent AppからエクスポートしたGitHubリポジトリ | 以前のAgent Appの再インポート |
| 空 | なし | Agentなしで空のプロジェクトを望むパワーユーザー |
Replitはインポート開始前に互換性を検証します。
FigmaデザインについてはFigmaデザインをインタラクティブなアプリにConvertするをご覧ください。
クイックインポート
ステップバイステップの手順のソースを選択してください:
Lovable
Base44
Vercel
Bolt
GitHub
ZIP
⏰ 所要時間目安:4分LovableプロジェクトをGitHubにエクスポートし、そのリポジトリをインポートすることでReplitに取り込みます。開始前に必要なもの
- エクスポート可能なLovableプロジェクト
- Lovableに接続されたGitHubアカウント
- Replitアカウント
手順
- LovableプロジェクトをGitHubにエクスポートします。
- replit.com/importを開きます。
- Lovableを選択します。
- GitHubアカウントを接続します。
- エクスポートしたLovableリポジトリを選択します。
- インポートを選択します。
What gets imported
Replit imports the following from your project:
- Code: Application logic and source files
- Design and styles: UI components and styling rules
- Assets: Images, icons, and static files
- Backend logic: Server-side functionality, if present
- Database schema: Table structure, if present
What is not imported
- Supabase data: Existing database records are not migrated
- Secrets: Environment variables and API keys must be added separately
Use Agent to rebuild missing functionality, add secrets, and recreate database data.During import, . If your app needs changes, use these Project Editor tools:
- Agent: Refine features, debug issues, and make code changes
- Secrets: Add API keys and environment variables
- Workflows: Set the Run command for your app
Continue your journey
Now that you’ve imported your , explore these next steps: ⏰ 所要時間目安:4分Base44プロジェクトをGitHubにエクスポートし、そのリポジトリをインポートすることでReplitに取り込みます。開始前に必要なもの
- エクスポート可能なBase44プロジェクト
- Base44に接続されたGitHubアカウント
- Replitアカウント
手順
- Base44プロジェクトをGitHubにエクスポートします。
- replit.com/importを開きます。
- Base44を選択します。
- GitHubアカウントを接続します。
- エクスポートしたBase44リポジトリを選択します。
- インポートを選択します。
What gets imported
Replit imports the following from your project:
- Code: Application logic and source files
- Design and styles: UI components and styling rules
- Assets: Images, icons, and static files
- Backend logic: Server-side functionality, if present
- Database schema: Table structure, if present
What is not imported
- Supabase data: Existing database records are not migrated
- Secrets: Environment variables and API keys must be added separately
Use Agent to rebuild missing functionality, add secrets, and recreate database data.During import, . If your app needs changes, use these Project Editor tools:
- Agent: Refine features, debug issues, and make code changes
- Secrets: Add API keys and environment variables
- Workflows: Set the Run command for your app
Continue your journey
Now that you’ve imported your , explore these next steps: ⏰ 所要時間目安:3分プロジェクトの背後にあるGitHubリポジトリをリンクすることでVercelプロジェクトをReplitに取り込みます。開始前に必要なもの
- GitHubに接続されたVercelプロジェクト
- バッキングGitHubリポジトリへのアクセス
- Replitアカウント
手順
- replit.com/importを開きます。
- Vercelを選択します。
- GitHubアカウントを接続します。
- Vercelプロジェクトのリポジトリを選択します。
- 要求されたシークレットと環境変数を追加します。
- インポートを選択します。
インポートされるもの
- プロジェクトファイルとディレクトリ構造
- 依存関係とフレームワークの設定
- Replit向けの実行とビルドのデフォルト
インポートされないもの
- 既存の環境変数の値
- カスタムドメイン
- Vercel固有のエッジまたはミドルウェアの動作
- 外部の分析・監視設定
During import, . If your app needs changes, use these Project Editor tools:
- Agent: Refine features, debug issues, and make code changes
- Secrets: Add API keys and environment variables
- Workflows: Set the Run command for your app
Continue your journey
Now that you’ve imported your , explore these next steps: ⏰ 所要時間目安:4分AgentはVite + ReactアプリのBoltインポートを現在サポートしています。
BoltプロジェクトをGitHubにエクスポートし、そのリポジトリをインポートすることでReplitに取り込みます。開始前に必要なもの
- エクスポート可能なBoltプロジェクト
- Boltに接続されたGitHubアカウント
- Replitアカウント
手順
- BoltプロジェクトをGitHubにエクスポートします。
- replit.com/importを開きます。
- Boltを選択します。
- GitHubアカウントを接続します。
- エクスポートしたBoltリポジトリを選択します。
- インポートを選択します。
What gets imported
Replit imports the following from your project:
- Code: Application logic and source files
- Design and styles: UI components and styling rules
- Assets: Images, icons, and static files
- Backend logic: Server-side functionality, if present
- Database schema: Table structure, if present
What is not imported
- Supabase data: Existing database records are not migrated
- Secrets: Environment variables and API keys must be added separately
Use Agent to rebuild missing functionality, add secrets, and recreate database data.During import, . If your app needs changes, use these Project Editor tools:
- Agent: Refine features, debug issues, and make code changes
- Secrets: Add API keys and environment variables
- Workflows: Set the Run command for your app
Continue your journey
Now that you’ve imported your , explore these next steps: ⏰ 所要時間目安:2分GitHubリポジトリをReplitにインポートして、より速く実行、テスト、公開します。開始前に必要なもの
- GitHubリポジトリURL
- リポジトリへのアクセス(公開または非公開)
- Replitアカウント
オプション1:クイックインポートクイックインポートは公開リポジトリで機能します。
github.com/の後のリポジトリパスをコピーします。
https://replit.com/github.com/<owner>/<repo>を開きます。
- Enterキーを押してインポートを開始します。
例
- GitHub URL:
https://github.com/exampleUser/my-app
- ReplitインポートURL:
https://replit.com/github.com/exampleUser/my-app
オプション2:ガイド付きインポートガイド付きインポートは公開・非公開リポジトリをサポートします。
- replit.com/importを開きます。
- GitHubを選択します。
- GitHubアカウントを接続します。
- リポジトリを選択します。
- インポートを選択します。
インポートされるもの
- リポジトリファイルとフォルダ
- 依存関係ファイル
- 一般的な実行とビルドの設定
インポートされないもの
- 既存のシークレット値と環境変数の値
- Replitでデフォルトでは動作しないプラットフォーム固有のサービス
During import, . If your app needs changes, use these Project Editor tools:
- Agent: Refine features, debug issues, and make code changes
- Secrets: Add API keys and environment variables
- Workflows: Set the Run command for your app
Continue your journey
Now that you’ve imported your , explore these next steps:GitHub接続の問題のトラブルシューティングFailed to get repository, please re-authenticate with GitHubと表示される場合や、リポジトリのドロップダウンにNo repositories foundと表示される場合、GitHubインポートフローはアカウント → 接続済みサービスページとは別の接続を使用します。接続済みサービスで再接続するだけではインポートフローは修正されません。GitプロバイダーからGitHubを再接続する
Replitアカウント設定のGitプロバイダーセクションを開き、GitHubを切断して同じ画面から再接続します。その後、インポートのドロップダウンに個人リポジトリが表示されるはずです。
⏰ 所要時間目安:3分.zipファイルをアップロードしてローカルプロジェクトをインポートします。開始前に必要なもの
- プロジェクトを含む
.zipファイル
- アーカイブ内に明確なプロジェクトルートフォルダがあること
- Replitアカウント
手順
- replit.com/importを開きます。
- ZIPを選択します。
.zipファイルをアップロードします。
- 要求されたシークレットと環境変数を追加します。
- インポートを選択します。
インポートされるもの
- プロジェクトファイルとディレクトリ構造
- 依存関係ファイル
- Replit向けの実行とビルドのデフォルト
インポートされないもの
- 既存の環境変数の値
- カスタムドメイン
- 手動セットアップが必要なプラットフォーム固有のサービス
- 既存のデータベースデータ
- 既存のサードパーティコネクター設定
During import, . If your app needs changes, use these Project Editor tools:
- Agent: Refine features, debug issues, and make code changes
- Secrets: Add API keys and environment variables
- Workflows: Set the Run command for your app
Continue your journey
Now that you’ve imported your , explore these next steps:
その他のソース
Bitbucket
- BitbucketリポジトリURLを貼り付けるか、Bitbucketアカウントを接続してリポジトリを検索します。
- インポート中のAgentサポートはGitHubホストのプロジェクトに比べて制限される場合があります。
スプレッドシート
- Excel(
.xlsx)またはCSVファイルをアップロードするか、公開Google SheetsのURLを貼り付けます。
- AgentがスプレッドシートÃ構造を読み取り、データからシードされたデータベースを持つフルスタックアプリを構築します。
- レコードを表示、検索、管理するUIが含まれます。
以前のAgentエクスポート
- GitHubリポジトリから以前にエクスポートしたAgent Appを再インポートします。
- ReplitはAgent固有の構造(コード、データベーススキーマ、バックエンド機能)を保持します。
- データベースの値とシークレットの値はインポートされません。
- Agentなし、フレームワーク選択なし、スキャフォールディングなしの完全に空のプロジェクトから始めます。
- プロジェクトのセットアップを完全にコントロールしたいパワーユーザーに最適です。
制限事項
- 既存のデータベースデータは移行されません。
- 複雑または独自の依存関係は手動セットアップが必要な場合があります。
- 大規模なプロジェクトは処理に時間がかかる場合があります。
ベストプラクティス
- インポート前に機密情報を削除してください。
- ソースプロジェクトの構造をクリーンに保ってください。
- インポート後に依存関係と実行コマンドを確認してください。
- 公開前にコアフローをテストしてください。
トラブルシューティング
インポートが失敗した場合は、まずこれらの箇所を確認してください:
- 互換性エラー:必要なプロジェクトファイルとサポートされているフレームワークを確認します。
- アクセスエラー:リポジトリまたはソースの権限を確認します。
- 処理エラー:プロジェクト構造を簡素化するかサイズを縮小した後に再試行します。
問題が続く場合は、Replitコミュニティハブを訪問するかサポートに連絡してください。
Agent移行作業が必要なインポートはクレジットを消費することがあります。クレジットの使用量はプロジェクトの複雑さによって異なります。