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

# ChatGPT import

> Migrate a ChatGPT-generated app into Superblocks with Clark

Import an app generated by ChatGPT into Superblocks and turn your prototype into a production-ready application connected to your enterprise data, with platform-managed authentication and RBAC.

## Before you begin

Make sure you have:

* A ChatGPT-generated project you want to migrate
* Access to the Superblocks workspace where the app will live
* The integrations (databases, APIs) you plan to connect already configured in Superblocks

## How to import from ChatGPT

<Steps>
  <Step title="Start the import">
    From the Superblocks home screen, click **Import** in the prompt bar, or click the **Import an app** link below it.
  </Step>

  <Step title="Select ChatGPT as your source">
    When prompted to choose a platform, select **ChatGPT**.
  </Step>

  <Step title="Export your project from ChatGPT">
    Export your app as a zip archive from ChatGPT. Before zipping, exclude the following to keep the upload small:

    * `node_modules/`
    * `.git/`
    * `dist/` and `build/` directories

    Download the zip once ChatGPT finishes preparing it.

    <img src="https://mintcdn.com/superblocks/U5RkhXSSu8k-JEr-/images/import-apps/general-app-export.png?fit=max&auto=format&n=U5RkhXSSu8k-JEr-&q=85&s=c2fb8b3ea4d64becf86cf3fddff839b9" alt="Superblocks migration Export step for ChatGPT: package your project and download the archive before upload" style={{ width: "100%", maxWidth: "720px" }} width="1998" height="1048" data-path="images/import-apps/general-app-export.png" />
  </Step>

  <Step title="Upload the zip">
    Drop the downloaded zip file into the Superblocks upload area and click **Import**.

    <img src="https://mintcdn.com/superblocks/U5RkhXSSu8k-JEr-/images/import-apps/upload-project.png?fit=max&auto=format&n=U5RkhXSSu8k-JEr-&q=85&s=4a69e8878e34f02320c597e930dbd593" alt="Migration Upload step: drag-and-drop zone for .zip, .tgz, or .gz archives with Import app button" style={{ width: "100%", maxWidth: "720px" }} width="1996" height="1052" data-path="images/import-apps/upload-project.png" />
  </Step>

  <Step title="Clark migrates the app">
    Clark inspects your project structure and imports what it can, including:

    * **Code** — your app's source files and logic
    * **Static assets** — images, fonts, and other files
    * **Detected data sources** — any databases or APIs Clark identifies in your code

    Clark then rewrites the code to run on Superblocks:

    | ChatGPT app                            | Superblocks                                                                |
    | -------------------------------------- | -------------------------------------------------------------------------- |
    | Hardcoded API calls and fetch requests | [Integrations](/integrations/overview) connected to your data sources      |
    | Hardcoded API keys and secrets         | Credentials managed by the platform                                        |
    | Custom auth                            | Platform-managed [authentication and RBAC](/admin/org-administration/rbac) |
    | React pages and components             | React pages hosted on the platform, preserving your design and styles      |

    You'll be prompted to connect your integrations — pick the databases, APIs, and services the app should use in your environment.
  </Step>
</Steps>

## What gets migrated

Clark analyzes the ChatGPT-generated source code and replaces external dependencies with Superblocks platform features. ChatGPT projects are typically React or vanilla JavaScript apps — layouts, styles, and component structure are preserved as closely as possible.

## Troubleshooting

**The zip won't upload** — Make sure the zip excludes `node_modules`, `.git`, and build output directories. Ask ChatGPT to regenerate the export if needed.

**Some components look different after migration** — Clark preserves styles where possible, but some UI patterns may render slightly differently in Superblocks. You can edit any component directly after the import completes.

**Integrations aren't connecting** — Verify that the integration is configured in your Superblocks workspace before importing. You can add integrations from the [Integrations page](/integrations/overview) and then reconnect them from within the imported app.