# AI-built websites, with and without a CMS

> A site built as code by Claude Code or Lovable is changed by prompting or coding. Typeroll lets an agent build the site in a CMS your client can edit.

URL: https://typeroll.com/compare/ai-built-website/  
Updated: 2026-11-11

COMPARE

# An AI-built website your client can edit

AI coding tools build a website as a code project. Anthropic describes Claude Code as "an agentic coding tool that reads your codebase, edits files, runs commands". Lovable generates "a working application" that is "backed by editable code". After that, every change is another prompt or a code edit. Typeroll lets the same kind of agent build the site inside a CMS, so the people who own the site can change it themselves.

[Start a 30-day trial](https://app.typeroll.com/login?mode=signup)

[Claude Code website builder](https://typeroll.com/claude-code-website-builder/)

## What you get

### Code project built with an AI tool

A codebase, synced to a Git repository you own.

### Typeroll

A site in a CMS: pages, content types, templates and Styles.

## Open source

### Code project built with an AI tool

The code the tool writes is yours; the tools themselves are commercial services.

### Typeroll

Typeroll CMS is MIT-licensed and can be self-hosted on your own Cloudflare account; the published site is static files.

## How a change is made

### Code project built with an AI tool

By prompting the tool or editing the code. In Lovable, prompts use credits; inline text edits are free up to 100 per account per day.

### Typeroll

In a visual editor, or by asking an agent through MCP.

## Who can make it

### Code project built with an AI tool

Someone with access to the tool and the project. Claude Code needs a paid Claude plan; Lovable has project roles from Viewer to Owner.

### Typeroll

Anyone you invite, with a role. Editors need no tool, plan or repository.

## Content types and templates

### Code project built with an AI tool

Whatever the generated code contains.

### Typeroll

Content types, fields, page templates and reusable blocks in the CMS.

## Hosting

### Code project built with an AI tool

Lovable hosts the published app. Claude Code is a coding tool; hosting is whatever the project uses.

### Typeroll

Static files on your own Cloudflare.

## Review before going live

### Code project built with an AI tool

Depends on the workflow you set up.

### Typeroll

Drafts, private previews, versions and publication checks.

## Pricing

### Code project built with an AI tool

Lovable Pro USD 25 per month for 100 credits; Claude Code is part of paid Claude plans.

### Typeroll

Open source free; Cloud free in beta (30-day trial), then USD 39/month or USD 29/month billed annually, unlimited sites and users; hosting billed by Cloudflare.

## If you run sites for clients

The same comparison from the side of whoever builds and looks after the sites. Six things that change as you add clients.

## Many client sites

### Code project

One codebase, repository and deployment for each client.

### Typeroll

One Organization for all your sites, or a Site shared with the client's own Organization. One agent connection reaches all of them.

## Price as you grow

### Code project

The tool's subscription or credits, plus hosting for each site.

### Typeroll

One Typeroll Cloud plan for unlimited sites, users and languages: free in beta, then USD 39 per month or USD 29 billed annually. Hosting is billed by your own Cloudflare account.

## A new kind of section

### Code project

Prompted or written as code, then deployed.

### Typeroll

A custom block type is defined in the CMS, as fields, markup and CSS, by an administrator or your agent. No deployment.

## What a client can change

### Code project

Nothing, unless they use the tool themselves or a CMS is added to the project.

### Typeroll

Editors change content and build pages from existing blocks, not styles, block types or settings. An optional structure lock limits a site to text and images.

## On the live site

### Code project

Whatever the project deploys: static files or an application.

### Typeroll

Static files only. No application, database or login on the visitor's domain. Forms run as a separate service.

## From edit to live

### Code project

After the code change is deployed.

### Typeroll

After a publication, which builds and checks the site first. Allow a few minutes.

## Choose a code project when

- The site is really an application, with its own logic, accounts or data.
- One person owns it and is happy to change it by prompting or coding.
- Nobody else needs to edit it.

## Choose Typeroll when

- A client or colleague must be able to change a price list on a Saturday night without you.
- You build sites for many clients and want them in one workspace instead of one repository each.
- You still want an agent to do the building: connect Claude Code, Codex or Cursor to Typeroll through MCP.
- You want drafts, previews and publication checks between an agent's change and the live site.

![](https://media.typeroll.com/07bc898023fd84c1-page-compare-ai-built-website.webp)

## Sources

Facts about Claude Code and Lovable come only from their own documentation, checked on 11 November 2026. If something has changed, tell us and we will correct it.

- [Claude Code overview](https://code.claude.com/docs/en/overview) (retrieved 2026-11-11)
- [Claude Code setup](https://code.claude.com/docs/en/setup) (retrieved 2026-11-11)
- [Lovable documentation](https://docs.lovable.dev/) (retrieved 2026-11-11)
- [Lovable documentation: preview toolbar](https://docs.lovable.dev/features/preview-toolbar.md) (retrieved 2026-11-11)
- [Lovable documentation: subscription plans](https://docs.lovable.dev/introduction/subscription-plans.md) (retrieved 2026-11-11)
- [Lovable documentation: collaboration](https://docs.lovable.dev/features/collaboration.md) (retrieved 2026-11-11)
- [Lovable documentation: publish](https://docs.lovable.dev/features/publish.md) (retrieved 2026-11-11)
- [Lovable documentation: Git sync](https://docs.lovable.dev/integrations/git-sync-overview.md) (retrieved 2026-11-11)

GOOD QUESTIONS

## Questions and answers

**Do I have to stop using Claude Code?**

No. Claude Code connects to Typeroll through MCP and builds the site there instead of writing files. See [Claude Code website builder](https://typeroll.com/claude-code-website-builder/).

**Can a site built as code be moved into Typeroll?**

Your agent can import a published site with the URL import recipe (`tr-import-url`) and rebuild it as editable blocks, keeping or redirecting every URL.

**Is a code project ever the better choice?**

Yes, when the site is an application. Typeroll publishes static content sites; logic that runs for each visitor belongs in an application or a separate service.

## Related

- [All comparisons](https://typeroll.com/compare/)
- [EmDash](https://typeroll.com/compare/emdash/)
- [Sanity](https://typeroll.com/compare/sanity/)
- [Payload](https://typeroll.com/compare/payload/)
- [TinaCMS](https://typeroll.com/compare/tinacms/)
- [Decap CMS](https://typeroll.com/compare/decap-cms/)
- [Keystatic](https://typeroll.com/compare/keystatic/)
- [CloudCannon](https://typeroll.com/compare/cloudcannon/)
- [Webflow](https://typeroll.com/compare/webflow/)
- [Framer](https://typeroll.com/compare/framer/)
- [Duda](https://typeroll.com/compare/duda/)
- [HighLevel](https://typeroll.com/compare/gohighlevel/)
- [WordPress](https://typeroll.com/compare/wordpress/)

START BUILDING

## Try Typeroll alongside your current tools.

Free during the beta. No payment card. After the beta, USD 39 per month, or USD 29 per month billed annually.

[Start a 30-day trial](https://app.typeroll.com/login?mode=signup)

[All comparisons](https://typeroll.com/compare/)
