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.
| Field | Sanitysanity.io | Keystatickeystatic.com | MDXmdxjs.com |
|---|---|---|---|
| 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. | 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. |
| Category | CMS & content infrastructure | CMS & content infrastructure | CMS & content infrastructure |
| Cost tier | mixed | free | free |
| Pricing | 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. | 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 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. | 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 for | 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. | 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 up | npm create sanity@latest | npm create @keystatic@latest | npm i @mdx-js/rollup |
| Editor's pick | No | No | No |
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