KBAISE/ for lovable
Head to head

Stop guessing which one. Put them side by side.

Up to 4 tools, same rows for each: what it is, what it really costs, the trap, and how to wire it up. The URL carries your picks — send it to anyone.

SanityKeystaticMDX
Quick read
  • Free with no card: Keystatic, MDX.
FieldSanitysanity.ioKeystatickeystatic.comMDXmdxjs.com
What it isSanity stores content as structured JSON queried with GROQ or GraphQL. Its Studio is an open-source React app you configure in code and deploy yourself. The free tier allows 20 seats, 10,000 documents, 250k API requests and 1M CDN requests per month with unlimited locales.Keystatic from Thinkmill is an MIT-licensed CMS that makes Markdown, MDX, JSON and YAML in your repository editable through a React admin UI. There is no database. It runs against the local filesystem in development and against GitHub in production.MDX is a format that lets you write JSX inside Markdown, so an article can embed live React components — charts, interactive figures, embeds — between paragraphs of prose. It compiles to a React component and is supported by Vite, Next.js and Astro.
CategoryCMS & content infrastructureCMS & content infrastructureCMS & content infrastructure
Cost tiermixedfreefree
PricingFree: 20 seats, 10k documents, 250k API + 1M CDN requests/mo, unlimited locales. Growth $15/seat/mo (25k docs, up to 50 seats). Enterprise custom.Free and MIT-licensed with no seat limits. Keystatic Cloud is an optional free add-on for GitHub auth and image handling.Free, MIT-licensed open format.
Why builders pick itStudio is a React app that drops into a Vite or Next workspace and is customizable down to the individual input component. Real-time collaborative editing and scheduled content releases make it a genuine newsroom tool. Official MCP server ships 40+ tools.Zero cost and zero vendor lock-in — the schema is a TypeScript file and content stays as plain files you can grep and diff. Ships integrations for Next.js, Astro and Remix.The reason a technical publication can ship an interactive explainer inside an ordinary article. Every file-based tool here — Tina, Keystatic, Outstatic, Velite — speaks it natively.
Watch out forOverages bite: $1 per 25k API requests and $1 per 250k CDN requests past quota. AI credits run $0.05 each beyond the included 1,000/mo.Smaller community and slower release cadence than Tina or Payload. No official MCP server, no built-in scheduling, and no multi-stage editorial workflow or approval chain.MDX is a compiler, not a CMS: no editor, no media library, no workflow, no roles. Non-technical writers will not author raw MDX, so pair it with an editing layer.
How to wire it upnpm create sanity@latestnpm create @keystatic@latestnpm i @mdx-js/rollup
Editor's pickNoNoNo
Which one did you ship?

The grid says what these tools are. This says what builders did about it — one decision per person, changeable whenever you change your mind.

0/280Sign in to add yours.
Or try
Hand this to your Lovable agent
# Tool comparison — Sanity vs Keystatic vs MDX

Source: Kbaise, a directory of tools that work with Lovable projects.
Pick one and tell me why before writing any integration code.

## Sanity (sanity)
- URL: https://www.sanity.io
- Category: CMS & content infrastructure
- Cost: mixed — Free: 20 seats, 10k documents, 250k API + 1M CDN requests/mo, unlimited locales. Growth $15/seat/mo (25k docs, up to 50 seats). Enterprise custom.
- What it is: Sanity stores content as structured JSON queried with GROQ or GraphQL. Its Studio is an open-source React app you configure in code and deploy yourself. The free tier allows 20 seats, 10,000 documents, 250k API requests and 1M CDN requests per month with unlimited locales.
- Why builders pick it: Studio is a React app that drops into a Vite or Next workspace and is customizable down to the individual input component. Real-time collaborative editing and scheduled content releases make it a genuine newsroom tool. Official MCP server ships 40+ tools.
- Trap: Overages bite: $1 per 25k API requests and $1 per 250k CDN requests past quota. AI credits run $0.05 each beyond the included 1,000/mo.
- Wiring: npm create sanity@latest
- Full dossier: /api/public/tools/sanity

## Keystatic (keystatic)
- URL: https://keystatic.com
- Category: CMS & content infrastructure
- Cost: free — Free and MIT-licensed with no seat limits. Keystatic Cloud is an optional free add-on for GitHub auth and image handling.
- What it is: Keystatic from Thinkmill is an MIT-licensed CMS that makes Markdown, MDX, JSON and YAML in your repository editable through a React admin UI. There is no database. It runs against the local filesystem in development and against GitHub in production.
- Why builders pick it: Zero cost and zero vendor lock-in — the schema is a TypeScript file and content stays as plain files you can grep and diff. Ships integrations for Next.js, Astro and Remix.
- Trap: Smaller community and slower release cadence than Tina or Payload. No official MCP server, no built-in scheduling, and no multi-stage editorial workflow or approval chain.
- Wiring: npm create @keystatic@latest
- Full dossier: /api/public/tools/keystatic

## MDX (mdx)
- URL: https://mdxjs.com
- Category: CMS & content infrastructure
- Cost: free — Free, MIT-licensed open format.
- What it is: MDX is a format that lets you write JSX inside Markdown, so an article can embed live React components — charts, interactive figures, embeds — between paragraphs of prose. It compiles to a React component and is supported by Vite, Next.js and Astro.
- Why builders pick it: The reason a technical publication can ship an interactive explainer inside an ordinary article. Every file-based tool here — Tina, Keystatic, Outstatic, Velite — speaks it natively.
- Trap: MDX is a compiler, not a CMS: no editor, no media library, no workflow, no roles. Non-technical writers will not author raw MDX, so pair it with an editing layer.
- Wiring: npm i @mdx-js/rollup
- Full dossier: /api/public/tools/mdx

## Quick read

- Free with no card: Keystatic, MDX.

## Rules
1. Prefer the free tier when no budget was stated, and say what the ceiling is.
2. Read the full dossier before integrating.
3. Fetch /api/public/models before writing any AI model ID.

Agents can fetch the same thing: GET /api/public/compare?slugs=sanity,keystatic,mdx