What is Quant Studio?

Quant Studio is a next-generation content management system built around Astro. It combines a custom in-browser Astro runtime for live compilation, Zod-powered content schemas that drive automatic form generation, a visual editor with click-to-edit annotations, an AI assistant with 24 specialised tools, a full code editor powered by Monaco, Git-native branch workflows with preview environments, and PR-based content review with deployment tracking. This is an all-in-one CMS for the future — a groundbreaking platform that brings together authoring, editing, reviewing, and publishing into a single seamless experience.

Key capabilities

Visual editor — Live preview with click-to-edit annotations for inline content editing
Content schemas — Zod-powered form generation that turns your type definitions into structured editing interfaces
AI assistant — 24 specialised tools for content creation, file management, styling, and workflow automation
Code editor — Monaco-powered IDE in the browser with full syntax highlighting and IntelliSense
Branches & environments — Git-native branch workflows with automatic preview URLs for every branch
Review & publishing — PR-based content review with deployment tracking and one-click publishing
Try the demo — Explore Studio instantly without a GitHub account

How Studio works

Content in Quant Studio lives in a GitHub repository as Markdown and MDX files with Zod-typed frontmatter defined in src/content/config.ts. Studio provides a visual layer over Git — every edit is a commit, every review is a pull request, every publish triggers a deployment.

Studio operates in two modes:

GitHub-backed — Connect a real repository for full Git workflows, branch management, and team collaboration on production projects
Demo sandbox — Explore Studio instantly with a pre-configured sample project, no GitHub account required

Because Studio works directly with your Git repository, there is no vendor lock-in. Your content remains portable Markdown and MDX files that work with standard Astro tooling outside of Studio.

The Studio runtime

At the heart of Studio is a custom in-browser Astro compiler that renders live previews without any server round-trips. The runtime handles four key responsibilities:

On-demand file loading — Project files are fetched from GitHub as needed and held in an in-memory file tree, so the compiler always works with the latest content
Live compilation — .astro, .ts, .tsx, .md, and .css files are compiled to HTML in real time directly in the browser
Instant styling — Tailwind CSS is compiled on the fly with JIT processing, so style changes appear immediately as you edit
Package resolution — External npm packages are resolved via CDN with full module compatibility, removing the need for local installs

The runtime supports Astro 4.x and 5.x projects. All compilation happens locally in the browser, meaning preview rendering is instantaneous with no dependency on external build servers.

Supported content

Studio supports a broad range of content types and technologies:

Content collections with Zod schemas
Markdown and MDX
Astro components and layouts
TypeScript and JSX
Tailwind CSS
JSON data files

Next steps

Try the demo — Explore Studio in a pre-configured sandbox without signing in
Create a project — Connect a GitHub repository and set up your first Studio project
Define content schemas — Learn how Zod schemas drive form generation and validation