Skip to content
AstroTYPO3

Build websites visually with TYPO3 and Astro

TYPO3 manages structured content. Astro renders it fast. AI proposes validated changes, never unchecked code.

Open the visual builder

One product, two packages

  • TYPO3 extension

    Pages, permissions, revisions, content API, preview tokens and publishing in PHP.

  • Astro frontend

    Server rendered routes, design tokens, SEO output and the editing bridge.

  • Shared contract

    One registry and JSON schemas keep PHP and TypeScript in sync.

  • Visual builder

    Drag, reorder, inspect and edit properties in the browser.

  • Template library

    Presets, sections, pages and a full agency starter site.

  • Safe AI layer

    Mock provider by default. Change plans are allowlisted and validated.

Diagram placeholder showing TYPO3 connected to Astro

How the demo works

This homepage is rendered from a fixture page that follows the same contract the TYPO3 API returns. Switch the content source to a live TYPO3 endpoint by setting TYPO3_CONTENT_API_URL.

Sample feedback

Sample quote used only to demonstrate the testimonials component.

Sample Editor (Content editor, sample data)

Frequently asked questions

Is the AI live in this demo?

No. The demo endpoints use a clearly labelled mock provider. Connect a real provider server side in TYPO3 or in the Astro endpoint.

Can drafts leak publicly?

No. Public routes only load published pages. Draft routes require a preview token.

Does Astro run inside TYPO3?

No. They are separate applications connected by a versioned content API.

Try the builder yourself

Add components, change properties, undo, redo and save a draft in demo mode.

Open the builder