Guides

Publishing a project from an AI builder

Lovable, bolt.new, v0, Cursor and friends. Takes about a minute.

Droply publishes finished pages. A project from an AI builder is still source code, so it needs one step first: exporting it. Here is how.

1. Export from your AI tool

Look for one of these buttons, usually near the top right:

Export, Download or Publish
If offered a choice, pick static site or SPA.

You will get a folder. Drop that folder (or a ZIP of it) on Droply and you are done.

2. Or build it on your computer

If you downloaded the project instead, open a terminal in that folder and run:

npm install
npm run build

That creates a new folder. Upload that folder, not the project folder:

Vite, Astro, Vue → dist
Create React App, Docusaurus → build
Next.js → out
Gatsby → public

3. If your project needs a server

Some frameworks build their pages on a live server every time someone visits: Next.js, Nuxt, Remix and TanStack Start do this by default. Those cannot be published here, however you export them.

Most of them can be switched to a finished, ready-to-publish site instead:

Next.js → add output: "export" to next.config.js, build, upload out
Nuxt → run npx nuxi generate, upload .output/public
SvelteKit → install @sveltejs/adapter-static, build, upload build

Or ask your AI tool: "export this as a static site".

Step-by-step for your framework

The three steps above cover most projects. If yours needs the exact command, the exact folder, and what does not survive the build, each framework has its own page:

Angular → upload dist/<project-name>/browser
Astro → upload dist
Create React App → upload build
Docusaurus → upload build
Eleventy → upload _site
Gatsby → upload public
Hexo → upload public
Hugo → upload public
Jekyll → upload _site
MkDocs → upload site
Quarto → upload _site
Slidev → upload dist
Storybook → upload storybook-static
Vite → upload dist
VitePress → upload .vitepress/dist
VuePress → upload .vuepress/dist
Zola → upload public
Next.js → upload out
Nextra → upload out
Nuxt → upload .output/public
Remix → needs a host that runs the server
SvelteKit → upload build
TanStack Start → needs a host that runs the server

What works with no export at all

A single file always works as-is: drop a .jsx or .tsx component, or paste one straight into the HTML box, and Droply renders it for you, Tailwind included. Exporting is only needed once a project has grown into several files.