AI Studio

Describe the site/page in plain English and get a generated layout, copy, and structure.

Refine by chatting — request section, styling, copy, and code-level changes in dialogue.

Start from a template or point at a reference site to match its structure and tone.

Generate lead-capture pages, forms, and booking experiences wired to the CRM.

AI writes on-brand copy and can source/generate imagery for sections.

Make targeted code changes (HTML/CSS/JS) through the same conversation.

Publish to a preview URL or a custom domain from inside the workspace.

New projects run on TanStack Start, not a static single-page app: a React app with a server, routes, APIs, and a published runtime. Server-side rendering renders every page on the server on every request, so Google, LinkedIn, and Slack unfurls get real HTML — titles, descriptions, headings, and the actual copy, with no empty #root — and the page is still there with JavaScript disabled. Server functions run backend logic on the server only; the browser calls them and never sees the implementation, so scoring, API calls, and private logic stay secret. REST API routes (/api/...) are a real HTTP backend — JSON in, JSON out, GET/POST, webhooks, curl — for public endpoints and integrations. Secrets hold API keys and tokens; they never land in the client bundle, never get pasted into chat, and never show up in View Source, and preview and production both get them. Existing Vite/React projects keep working unchanged; only new projects are born full-stack.

Oct 9, 2026 — a built-in backend in one click, at Your project › More › Cloud › Overview: choose Enable Cloud and confirm, or ask in chat and accept the prompt. AI Studio only builds against Cloud after you confirm, and your published site stays as it is until you publish again. Database (More › Cloud › Database): your app can save records and look them up — tell AI Studio what to remember in plain language and it designs the tables and access rules (row-level security); browse tables, rows, and policies here. Users (More › Cloud › Users): sign-up, sign-in, and password reset built into your app; signup, invite, and password-reset emails go out through your account's email, and their links open your app. Version 1 is email/password only — no social login. Storage (More › Cloud › Storage): files your app can upload and serve — create buckets, browse files, and set upload limits. Usage and size (More › Cloud › Overview › Advanced settings): see how full your backend is and give it a bigger size as your app grows. Cloud is billed for the time it runs, and a paused backend can still be charged for the space it holds; a bigger disk costs more and cannot be made smaller later. Removing Cloud (same Advanced settings) deletes that project's database, users, and files — there is no database file to download first, so it asks you to confirm, and other projects are not affected. Cloud works only on projects on the newer TanStack Start stack; move an older React project first from Project settings, and migrating alone does not turn Cloud on.

Oct 8, 2026 — native payments at More › Payments: turn on Payments, pick products from your Products catalog, and ask AI Studio for a store or a checkout page. Ask for an online store with product pages and a cart, or one standalone checkout page; checkout can sit on its own page or open in a pop-up. Checkout is a ready-made, platform-managed hosted checkout component that AI Studio places in your app — it never writes payment code, card data never touches app code, and totals are checked on the server so buyers are charged exactly what they see. Buyers pay with cards, PayPal, and the other methods your connected payment gateway supports. Sell recurring plans with free trials and setup fees, show buyers one extra offer right after checkout (one-click post-purchase upsell, one per order), and let buyers apply coupon codes, with gift cards on one-time purchases. Every sale lands in your CRM: each purchase creates the contact and the order in your sub-account, like any other sale, and checkout follows the buyer's browser language in 13 languages. Payments start in Test mode, where only test cards work — switch to Live in More › Payments when you are ready to take real money. Products must first exist in the sub-account Payments catalog AND be included in the online store, or the build cannot see them.

Oct 8, 2026 — built-in measurement with no setup or tracking code, on by default for every published site. Analytics inside your project (Your project › More › Analytics › Overview): page views, unique visitors, opt-ins and opt-in rate, with trends and the change from the previous period; dig into top pages, time on page, traffic sources, devices, browsers, and countries, regions and cities. Every form submission in one place (More › Analytics › Form Submissions): every lead your site's forms collected, with a link to the contact — filter by form and date, or create a workflow right from there. All your sites in Sites Analytics (Sites › Analytics › AI Studio): see every AI Studio site next to your Funnels and Websites, or pick one project to focus on it. Know where every lead came from (Contacts › Contact details › Activity): contacts created from your site keep their visit history — the pages they viewed, where they came from, and the form they submitted. Visits are measured on your site's own domain, so fewer are lost to ad blockers. Page views are counted from October 8, 2026; older opt-ins still show, but the opt-in rate for days before that is not meaningful. Opt-ins from forms you connected before today keep counting; to link a submission to the pages that visitor viewed first, ask AI Studio to reconnect form tracking, then publish again.

Sep 22, 2026 — upgrade an existing project to server-side rendering (SSR) from Project settings › Migrate to SSR. AI Studio creates a separate copy and migrates it in the background, so your original project stays live while you review the upgrade and your original is never changed. Review and test the new copy before publishing it: the migration is automated and may need a few fixes. If your project uses form tracking or workflow triggers, reconnect or update them in the migrated copy before publishing.

Sep 3, 2026 — AI Studio can now run commands inside your project to inspect the live app, investigate errors, recover from environment issues, and verify fixes, like a developer working on your behalf. The problem it solves: generating code is not enough — the agent could change your app but had fewer ways to see what was actually running, which led to guess-based fixes, stale previews mistaken for broken code, and extra back-and-forth for you to explain what went wrong. The improved shell harness lets the agent inspect the running app, dig into errors and logs, test real behavior, recover a stuck preview, and verify the result before it finishes. Commands stay focused and unsafe or unnecessary actions are blocked. Ask as usual; when deeper investigation is needed, the harness keeps commands controlled, captures useful failure output, and avoids repeating work AI Studio already does — fewer assumptions, fewer retries, and a better chance of a working result in one request.