Skip to main content
Coming from another AI app builder? Here’s how to get started with Kleap.
Kleap builds Astro websites (Astro 5, Tailwind CSS, React islands for interactivity, TypeScript). You don’t hand-migrate code — you describe or paste your existing site and Kleap rebuilds it as a fast, static Astro site.

​
How Migration Works

There’s no import tool that lifts another framework’s code over verbatim. Instead:
  1. Describe your existing site to the AI — its pages, sections, and style
  2. Or paste content/screenshots so the AI can recreate the look and copy
  3. Kleap rebuilds it as an Astro site you can then refine with chat
  4. Publish — it deploys automatically to https://your-app.kleap.io
You don’t connect an external database or “adapt” old code. If you need data, accounts, or form submissions, Kleap has those built in (see below).

​
From Lovable

Lovable and Kleap are similar in concept. Here’s what to know:

​
What’s the Same

  • AI-powered chat interface
  • Real-time preview
  • Built-in data/accounts (no external database to wire up)
  • One-click (automatic) publishing
  • Tailwind CSS styling

​
Key Differences

FeatureLovableKleap
FrameworkVite + ReactAstro 5 (static, React islands)
StylingTailwindTailwind CSS
HostingLovable CloudKleap Hosting (a global edge network)
DatabaseExternal databaseKleap Database (built-in, opt-in)
PricingMessage-basedCredit-based

​
Migration Steps

  1. Note your app’s pages and features (export from Lovable if you can)
  2. Create a new Kleap app
  3. Describe or paste each page so the AI recreates it in Astro
  4. Add data or accounts with Kleap Database only if you need them
  5. Publish — Kleap deploys automatically to your-app.kleap.io

​
Lovable → Kleap Concepts

LovableKleap Equivalent
ChatAI Chat
PreviewLive Preview
DeployPublish (automatic)
External databaseKleap Database
FormsKleapForm (built-in forms)

​
From Bolt.new

Bolt and Kleap both use AI for development.

​
Key Differences

FeatureBoltKleap
OutputVarious frameworksAstro static site
PreviewStackBlitzIn-editor live build
DatabaseManual setupKleap Database (built-in)
DeploymentNetlify/ManualKleap Hosting (automatic)

​
Migration Steps

  1. Note your site structure — pages, sections, features
  2. Create a Kleap app — start fresh or from a template
  3. Describe what to build — tell the AI each page and section
  4. Add data or forms if you need them (Kleap Database / KleapForm)
  5. Publish — your site deploys automatically

​
Reusing Content

If you have content or a component you like from Bolt, describe it or paste it:
Kleap will rebuild it as Astro — you don’t need it to run the original code.

​
From v0 (Vercel)

v0 generates UI components. Kleap builds full websites.

​
Differences

Featurev0Kleap
OutputComponentsFull sites
DataNoKleap Database (built-in)
AccountsNoBuilt-in (opt-in)
HostingManualKleap Hosting (automatic)
InteractivityLimitedReact islands

​
Using v0 Designs in Kleap

If you have a v0 component design you like, describe it or paste the markup so the AI can recreate it as an Astro component or React island:
Or describe what you saw:

​
From an Existing Website

Already have a live site (WordPress, Webflow, Squarespace, a custom build)?

​
How to Migrate

  1. Create a new Kleap app
  2. Paste your current site’s URL, content, or screenshots
  3. Ask the AI to recreate it page by page as an Astro site
  4. Refine colors, copy, and layout with follow-up messages

​
Example

​
Data, Accounts & Forms

You do not connect an external database. Kleap provides these when you need them:
  • Kleap Database — a built-in, managed database with built-in email/password user accounts, where each user only sees their own data. It’s opt-in and added on demand, so simple sites stay purely static.
  • KleapForm — built-in forms. Submissions land in your dashboard’s Data panel and can trigger email notifications, no backend to set up.
  • Payments — connect Stripe Payment Links or Buy Buttons (publishable key only) for checkout.
Ask for them in chat, for example:

​
Feature Parity Checklist

When migrating, decide which of these your new site needs:
  • All pages and sections
  • Navigation and footer
  • Contact / lead forms (KleapForm)
  • User accounts (Kleap Database) — only if needed
  • Stored data (Kleap Database) — only if needed
  • Payment / checkout (Stripe links)
  • Custom domain

​
Tips for Smooth Migration

Kleap doesn’t run your old framework’s code. It’s faster to describe what you have and let the AI recreate it as Astro.
Before migrating, write down all pages, sections, and integrations. Use this as a checklist.
Don’t try to recreate everything at once. Build the homepage first, then add pages and sections one at a time.
Keep your old site live until the new one is fully tested and your custom domain is pointed over.

​
Getting Help

Migration questions? We can help:

Getting Started

Begin building your Kleap app