Export Code

Download your clean Next.js code and host it anywhere. No vendor lock-in with Looops AI website builder.

Looops generates real code that you own. Export your project anytime and host it on any platform.

Why Export?

No Vendor Lock-in

Unlike other website builders, you're never trapped:

  • Own your code completely
  • Host anywhere you want
  • Modify freely after export

Your website is yours, forever.

What's Included

Export Contents

When you export, you get:

your-project/
├── src/
│   ├── app/           # Next.js App Router
│   ├── components/    # React components
│   └── styles/        # CSS files
├── public/
│   └── images/        # All uploaded assets
├── package.json       # Dependencies
├── next.config.ts     # Next.js configuration
└── tailwind.config.ts # Tailwind configuration

Everything needed to run your site independently.

Database Export

If you're using the CMS, your data is exported too:

  • SQLite database file
  • Schema definitions
  • All content you've created

How to Export

Step-by-Step
1

Open Project Settings

Go to your project and click Settings.

2

Click Export

Find the Export Code button in the Danger Zone section.

3

Download ZIP

A ZIP file will download with your complete project.

Hosting Options

Vercel

Deploy to Vercel in minutes:

  1. Push your code to GitHub
  2. Connect the repo to Vercel
  3. Vercel auto-detects Next.js and deploys

Free tier available.

Netlify

Similar process for Netlify:

  1. Push code to GitHub
  2. Connect to Netlify
  3. Auto-deploy on push

Free tier available.

Self-Hosting

Run on your own server:

# Install dependencies
npm install

# Build for production
npm run build

# The '.next' folder contains your build

You can host as a standard Node.js app or use output: 'export' for static hosting.

After Export

Making Changes

After export, you can modify the code directly:

  • Edit components in your IDE
  • Add custom integrations
  • Extend functionality

The code is clean and well-organized for easy maintenance.

Coming Back to Looops

Want to use Looops AI again? You can:

  • Continue in your existing Looops project
  • Start fresh and import designs

Note: External changes can't be synced back to Looops.

Next Steps