Skip to main content

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.

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

1

Start the import

From the Superblocks home screen, click Import in the prompt bar, or click the Import an app link below it.
2

Select ChatGPT as your source

When prompted to choose a platform, select ChatGPT.
3

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.Superblocks migration Export step for ChatGPT: package your project and download the archive before upload
4

Upload the zip

Drop the downloaded zip file into the Superblocks upload area and click Import.Migration Upload step: drag-and-drop zone for .zip, .tgz, or .gz archives with Import app button
5

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 appSuperblocks
Hardcoded API calls and fetch requestsIntegrations connected to your data sources
Hardcoded API keys and secretsCredentials managed by the platform
Custom authPlatform-managed authentication and RBAC
React pages and componentsReact 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.

​
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 and then reconnect them from within the imported app.