InsForge + ZeaburでLovableプロジェクトを移行

Zeabur上でInsforgeテンプレートを使用してLovableプロジェクトを再デプロイする方法

多くのプログラマーや関連バックグラウンドを持たない開発者にとって、LovableはAIを利用して迅速にウェブページを生成するための優れた選択肢であることは間違いありません。しかし、より高度なカスタマイズ機能や柔軟なデプロイオプションが必要になったり、プロジェクトを他のプラットフォームに移行したいと考え始めたとき、代替案を探し始めるかもしれません。この記事は、Lovableで作成したプロジェクトを、ZeaburとInsforgeという2つの強力なクラウドデプロイプラットフォームにスムーズに移行し、デプロイする方法を詳述する技術ガイドとして役立ちます。

---

なぜLovableから移行するのか？

Lovableは、AI駆動のウェブページ生成能力により、ウェブ開発のハードルを大幅に下げました。しかし、プロジェクトが成長するにつれて、以下のような状況に直面し、他のプラットフォームへの移行を検討することがあります：

• より自由なカスタマイズ： ウェブサイトのバックエンドロジック、データベース接続、または特定の機能について深いカスタマイズが必要な場合、Lovableのクローズドな環境では制限があるかもしれません。
• コストの考慮： トラフィックの増加やプロジェクト数の増加に伴い、請求書を受け取ったり使用量制限に達したりすると、よりコスト効率の良いホスティングプランを求めることがあります。
• 技術スタックの選択： 特定のバックエンドフレームワークやデータベースを使用するなど、プロジェクトをより広範な技術エコシステムに統合したい場合があります。 ZeaburとInsforgeは、開発者が自身のアプリケーションを完全にコントロールできる、より柔軟で強力なデプロイソリューションを提供します。

なぜInsforgeを選ぶのか？

Insforgeは、主にAIエージェントを用いてユーザーがバックエンドの複雑さを軽減するのを助けるプラットフォームです。彼らは、バックエンド開発が長らく半解決の問題であったことを認識しています。AIはフロントエンドのコードを容易に生成できますが、バックエンドの複雑さ（データベースのセットアップ、認証フロー、API設計など）には深い専門知識が必要です。Insforgeは多くの機能を統合しているだけでなく、MCPも組み込んでいます。ユーザーが初期設定を完了すると、自然言語でAIと対話できるようになり、開発者が複数のサービスを組み合わせる手間を省きながらDevOpsの恩恵を享受できます。これがInsforgeが生まれた理由です。

Zeaburへの移行：ワンクリックでのスムーズなデプロイ体験

Zeaburは、ユーザーがワンクリックでデプロイできるプラットフォームであり、Lovableから移行するユーザーにとって非常にフレンドリーです。以下に、LovableプロジェクトをZeaburにデプロイする手順を示します：

ステップ1：Lovableからプロジェクトをエクスポートする

ここには2つの選択肢があります：

選択肢1：まだGitHubに慣れていない場合、以下の方法を使用できます：

Lovableのプロジェクトバックエンドから、ウェブサイトプロジェクトをエクスポートします。通常、LovableはプロジェクトをHTML、CSS、JavaScriptファイルを含むzipファイルとしてダウンロードするオプションを提供します。

選択肢2：GitHubの操作に慣れている場合、以下の方法を使用できます：

LovableのプロジェクトはGitHubと直接統合できます。Lovable内でGitHubアカウントをリンクし、プロジェクトを直接エクスポートして新しいGitHubリポジトリを作成できます。

ステップ3：Insforgeでプロジェクトを作成し、MCPと連携する

1. Insforgeアカウントに登録してログインする： Insforgeの公式サイトにアクセスし、アカウントを作成します。
2. 新しいプロジェクトを作成する： Insforgeにログイン後、「新しいプロジェクトを作成」をクリックします。
3. Cursorまたは他のIDE（統合開発環境）を開く：

   1. (選択肢1) 解凍してコードエディタにインポートする手順：

      1. ダウンロードしたファイルを解凍する： Lovableからダウンロードした.zipファイルを見つけ、コンピュータ上で右クリックし、「解凍」または「Extract」を選択します。解凍後、すべてのプロジェクトファイルを含むフォルダができます。
      2. コードエディタをインストールする（まだの場合）： CursorやVisual Studio Codeなどのモダンなコードエディタの使用をお勧めします。公式サイトからダウンロードしてインストールできます。
      3. エディタでプロジェクトを開く： コードエディタを開き、「フォルダを開く」(Open Folder)または「ファイル」→「開く」(File → Open)を選択し、先ほど解凍したプロジェクトフォルダを選択します。
      4. プロジェクト構造を確認する： エディタのサイドバーで、HTML、CSS、JavaScriptファイルやその他の関連リソースを含むプロジェクトのファイル構造を確認できるはずです。
      5. Gitバージョン管理を初期化する（推奨）： エディタのターミナルで git init を実行してGitリポジトリを初期化します。これにより、後のバージョン管理とデプロイが容易になります。

      これらの手順を完了すると、AI支援ツール（CursorのAI機能など）を使用してプロジェクトのコードを修正・最適化し始めることができます。

   2. (選択肢2) GitHubに保存されているLovableプロジェクトを git clone します。

   3. MCP開発フローをサポートするエディタに入り、Insforge関連のAPIキーを入力します。

4. 設定が完了したら、InsforgeとZeaburの魔法が始まります：
   1. Insforge MCPをサポートするAIエディタに入り、CursorがInsforge MCPを読み込んで使用できるか再確認します。

      プロンプト例: can you see the insforge mcp?

   2. LovableプロジェクトにSupabaseのマイグレーションSQLテーブルがあるか確認します。Lovableからエクスポートされたコードのプロジェクトは、ユーザー認証部分を再設定する必要があります。この部分もInsforge MCPに処理を依頼できます。

      プロンプト例: i have those @migrations from supabase, can you help me create the thing in insforge as well?

   3. CursorエージェントもInsforge MCPと協調して、Insforgeに必要なすべてのデータベース（PostgreSQL、ストレージバケット、RLS）を構築します。(任意)

      プロンプト例: can you help me set up the PostgreSQL database, storage buckets, and RLS policies in InsForge based on my Supabase schema?

   4. Insforge MCPにInsforge SDKを使用するように更新を依頼します。既存のSupabaseの設定と使用状況を確認します。

      プロンプト例: can you replace all Supabase client usage with InsForge SDK? please check my current supabase configuration first.

   5. Insforge MCPに現在の認証設定をチェックしてもらい、Insforgeの認証機能が正しく設定されていることを確認します。

      プロント例: can you verify that the authentication is properly configured with InsForge? please check my current auth setup.

   6. データベースの関連付けを使用するようにクエリを最適化し、データベース接続を検証します。dbスキーマに基づき、関連付けは正しく設定されています。(任意)

      プロンプト例: can you optimize my database queries to use proper relations and verify the database connection is working correctly?

ステップ4：Zeaburアカウントにアクセスする

1. Zeaburアカウントに入り、プロジェクトを作成をクリックし、地域クラスタを選択します。
2. そのプロジェクトに入り、Githubからデプロイをクリックし、該当のLovableプロジェクトを選択します。
3. 設定をクリックし、生の環境変数を編集をクリックして、VITE_INSFORGE_BASE_URL=あなたのプロジェクトのInsforge Base URLを貼り付けます。
4. 次へをクリックします。
5. プロジェクトの実行が完了するのを待ちます。

---

おめでとうございます！LovableからZeaburまたはInsforgeへの移行により、あなたのプロジェクトはより大きな弾力性と拡張性を手に入れることになります。Zeaburはその極めて簡素化されたデプロイフローにより、便利で痛みのない移行を求める際の第一選択肢となります。一方、InsforgeはAI、MCP、およびバックエンドサービスへの強力なサポートにより、あなたのプロジェクトの将来の発展にさらに広大な空間を提供します。