> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nextlovable.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Choose Your Migration

> Find the right solution for escaping Lovable's walled garden

# What's Your Situation?

You've built something great in Lovable. Now you need to **escape the walled garden**.

Pick the pain point that matches your situation:

<CardGroup cols={2}>
  <Card title="I want to convert my Lovable app to Next.js" icon="file-code" href="/cli">
    **You need the CLI**

    Your app is stuck in Lovable's ecosystem. Convert your React Router code to Next.js App Router and own your frontend. No more platform lock-in.

    <Badge>1 Credit (\$39)</Badge>
  </Card>

  <Card title="I'm trapped on Lovable's backend" icon="database" href="/cloud-migration">
    **You need the Cloud Migration Extension**

    You're still using Lovable's managed Supabase. Use our Chrome Extension to migrate to your own Supabase project with full data, auth users, and RLS policies. Completes in under 5 minutes.

    <Badge>From \$99</Badge>
  </Card>

  <Card title="Google can't find my site" icon="magnifying-glass" href="/prerendering">
    **You need the SEO Builder Extension**

    Already migrated to Next.js but still invisible to search engines? Use our Chrome Extension to prerender your app and deploy to Vercel. New users get 1 free credit.

    <Badge>1 Free Credit for New Users</Badge>
  </Card>

  <Card title="I want it all handled" icon="hand-holding-hand" href="https://cal.com/chiheb-nabil/next.js-migration-help-done-for-you-service">
    **Done-For-You Complete Stack**

    We handle the CLI conversion, Cloud Migration, and Prerendering setup. You get a Next.js app on your own infrastructure that actually ranks.

    <Badge>\$850+</Badge>
  </Card>
</CardGroup>

## The Decision Tree

<Steps>
  <Step title="Check your current setup">
    Are you still on Lovable's managed Supabase, or do you already have your own?
  </Step>

  <Step title="Check your frontend">
    Do you have the code exported, or are you still trying to get it out of Lovable?
  </Step>

  <Step title="Check your SEO">
    Is Google indexing your pages, or do you see "Lovable builds SPAs" warnings in Search Console?
  </Step>
</Steps>

## The Three Liberation Stages

<Tabs>
  <Tab title="Stage 1: Escape the Frontend">
    **The CLI** — Stop waiting for Lovable to export.

    Convert your React Router app to Next.js App Router. Get instant control over your code.

    * **What converts**: React hooks, Tailwind classes, React Router patterns
    * **What breaks**: Lovable's magic components, hardcoded API calls
    * **Time to escape**: 5 minutes
    * **Cost**: 1 credit

    [Start with CLI →](/cli)
  </Tab>

  <Tab title="Stage 2: Escape the Backend">
    **Cloud Migration Extension** — Infrastructure independence.

    Use our Chrome Extension to migrate from Lovable's Supabase to your own. Self-service migration completes in under 5 minutes for simple projects.

    * **Self-Service (\$99)**: Up to 50 tables, automatic migration
    * **White-Glove (€850+)**: Complex projects with external APIs (Stripe, OpenAI)
    * **How it works**: Chrome Extension clones your setup to Supabase
    * **Caveat**: Storage requires manual migration, users need password reset

    [Get the Extension →](https://chromewebstore.google.com/detail/lovable-cloud-to-supabase/ekleklhofagefcgokjlgcjkkmlkbdlnp)
  </Tab>

  <Tab title="Stage 3: Production Polish">
    **SEO Builder Extension** — The difference between migrated and production-ready.

    Lovable builds SPAs. Google sees blank pages. Use our Chrome Extension to prerender your app and auto-deploy to Vercel.

    * **The problem**: `next build` generates static HTML, but dynamic routes need help
    * **The solution**: Chrome Extension prerenders your routes and deploys to Vercel
    * **Free tier**: New users get 1 free credit to try it out
    * **Credits**: Additional credits for more deployments

    [Get the Extension →](https://chromewebstore.google.com/detail/lovable-seo-builder/jkbedjnpcldmnoifajhldbipmlbmgfkl)
  </Tab>
</Tabs>

## Credit Clarity

<AccordionGroup>
  <Accordion title="CLI Alone: 1 Credit">
    React → Next.js conversion. Stays on Lovable's backend. Perfect for developers who want control of their frontend code.
  </Accordion>

  <Accordion title="Cloud Migration Extension: $99 (3 credits)">
    Chrome Extension for Supabase migration. Up to 50 tables, completes in under 5 minutes. For complex projects (100+ tables, external APIs), White-Glove service starts at €850+.
  </Accordion>

  <Accordion title="SEO Builder Extension: 1 Free Credit + Paid">
    * **Free**: 1 credit for every new user
    * **Paid**: Additional credits for more prerender deployments
    * Chrome Extension prerenders and deploys to Vercel automatically
  </Accordion>

  <Accordion title="Complete Stack (DFY): $850+">
    All three stages handled for you. You get a Next.js app on your own Supabase that actually ranks on Google. This justifies the \$850+ pricing—it's not just labor, it's the complete unbundling from Lovable's ecosystem.

    [Book a consultation](https://cal.com/chiheb-nabil/next.js-migration-help-done-for-you-service)
  </Accordion>
</AccordionGroup>

## Common Scenarios

<CardGroup cols={3}>
  <Card title="Just got started in Lovable" icon="seedling">
    You're building your MVP and want to own the code from day one.

    **Start here**: [CLI Quick Start](/cli/quick-start)
  </Card>

  <Card title="Ready to launch" icon="rocket">
    Your app works but you're still on Lovable's infrastructure.

    **Start here**: [Cloud Migration](/cloud-migration)
  </Card>

  <Card title="Already on Next.js" icon="code">
    You migrated but Google isn't indexing your pages.

    **Start here**: [Prerendering](/prerendering)
  </Card>
</CardGroup>

## Not Sure Where to Start?

<Card title="Take the 2-minute assessment" icon="clipboard-question" href="https://nextlovable.com/assessment">
  Answer 5 questions and we'll tell you exactly what you need.
</Card>

***

<Info>
  **All migrations include**: Free single-file testing, preview changes before applying, and detailed transformation logs.
</Info>