What is Quant Studio?

Quant Studio is a content management system for Astro sites that are stored in a GitHub repository. It combines an in-browser Astro runtime for live preview, Zod-powered content schemas that drive automatic form generation, a visual editor with click-to-edit annotations, an AI assistant that can edit content and files for you, a Monaco-based code editor, Git-native branch workflows with preview environments, and PR-based review with deployment tracking.

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 — A chat assistant that can create and edit entries, patch files, manage media, update Tailwind config and global styles, and raise pull requests on your behalf
Code editor — Monaco-powered editor in the browser with syntax highlighting for Astro, TypeScript, Markdown, MDX, and CSS
Branches & environments — Git-native branch workflows with a preview URL for every branch
Review & publishing — Pull-request review with deployment tracking and one-click merge
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

Studio renders live previews using an in-browser Astro compiler, so edits show up immediately without waiting for a remote build. 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 the browser
Tailwind on the fly — Tailwind CSS is compiled with JIT, so style changes appear immediately as you edit
Package resolution — External npm packages are resolved via CDN, so you don’t need a local install

The runtime targets the current generation of Astro (5.x) with content collections defined in src/content/config.ts. Preview rendering happens entirely in the browser — there is no dependency on an external build server while you author.

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