Guide

Make your Claude artifact a real app.

An artifact is a great prototype, but it lives inside the chat. Move the code into Claude Code and EdgeSpark deploys it to a real URL — with a database, login, and storage.

Start from the artifactYour agent deploys itA real, shareable URL
See plans

From prototype to product

Claude artifacts are perfect for trying an idea — a small app or page rendered right in the conversation. But an artifact is a preview: it has no real database, no accounts, and no address you can hand to a customer.

To make it real, bring the artifact's code into Claude Code (or any agent with the EdgeSpark plugin). From there the agent can flesh it out — add data, add sign-in — and deploy it to EdgeSpark, which returns a live URL backed by a managed database, auth, and storage.

Step by step

Artifact to live app.

  1. 1

    Install the EdgeSpark plugin

    Paste one line into your agent — it installs the CLI and the skill.

    ›Fetch and follow the guide on https://cdn.edgespark.dev/onboarding/install.txt
  2. 2

    Bring in the artifact, pick a workspace

    Paste the artifact's code into your agent and unlock a live URL — less than a coffee.

    $1/mo · Starter plan

  3. 3

    Tell your agent to deploy

    It wires up data and login as needed, then ships. You get a real link back.

    ›turn this into a real app and deploy it

What the artifact gains

Real, persistent data

A managed SQL database replaces the in-memory state of a preview, so data sticks around between visits.

Accounts and login

Add managed OAuth or email sign-in so the app can have real users, not just a single shared view.

A public address

It goes live at your-app.edgespark.app on the edge — a link you can actually send to people.

Launch plan

Pick a plan, then ship.

Choose a paid workspace to unlock the live URL your app deploys into. A free tier is available later from the dashboard.

Starter

$1/mo
Projects per organizationUp to 5
Database?Relational data per project — user accounts, posts, orders, etc. Good for most early-stage projects.Unlimited during Beta100 MB
Storage?Files, images, and videos per project. Upgrade when serving lots of product images, media uploads, or asset-heavy content.Unlimited during Beta512 MB
SupportCommunity
Get started

Pro

Most popular
$5/mo
Projects per organizationUp to 50
Database?Relational data per project — user accounts, posts, orders, etc. Good for most early-stage projects.Unlimited during Beta512 MB
Storage?Files, images, and videos per project. Upgrade when serving lots of product images, media uploads, or asset-heavy content.Unlimited during Beta256 GB
SupportPriority
Get started

Frequently asked questions

Can I deploy a Claude artifact directly from claude.ai?
Not directly — an artifact runs as a preview in the chat. You move its code into an agent like Claude Code with the EdgeSpark plugin, which can extend it and deploy it to a real URL.
Do I have to rewrite the artifact?
Usually not. The agent starts from the artifact's code and adds what a real app needs — a database, sign-in, storage — then deploys. You guide it in plain language.
What do I end up with?
A full-stack web app live on Cloudflare Workers infrastructure at your-app.edgespark.app, with a managed database, authentication, and object storage.