AI app builders like Lovable, Bolt.new, Claude Code, and Cursor can spin up UIs in minutes. Most default to mock data or Supabase. If you want a real content backend you control—blog posts, landing copy, products—ElmapiCMS plugs in easily: one REST API, predictable JSON, and no lock-in.
This page is your starting point. We’ve split the setup into tool-specific guides so you get step-by-step instructions and copy-paste prompts for your environment.
Why ElmapiCMS + AI Builders?
- Simple REST API – Easy for AI to generate
fetch()or SDK code. - Predictable JSON – Same shape every time; no custom parsing.
- Self-hosted – Your content and infra, no vendor SaaS.
- Multi-project – One ElmapiCMS instance can back many AI-built sites or apps.
Choose Your Tool
Each link goes to a detailed post with prerequisites, API recap, setup steps, example prompts, and tips.
Lovable
Lovable focuses on chat-driven UI generation. Use ElmapiCMS as your custom API so generated apps pull real content instead of mocks.
→ Using ElmapiCMS with Lovable – How to add ElmapiCMS as a custom API, configure headers, and prompt Lovable to fetch posts and single entries.
Bolt.new
Bolt.new generates full-stack apps and supports external backends and edge functions. Use ElmapiCMS as the content source and keep API keys on the server.
→ Using ElmapiCMS with Bolt.new – Env vars, API contract, server/edge patterns, and prompts so Bolt uses ElmapiCMS only from the backend.
Claude Code & Cursor
With Claude Code or Cursor you edit real code, so you can use the ElmapiCMS SDK or plain fetch. Full control over where and how you call the API.
→ Using ElmapiCMS with Claude Code and Cursor – SDK setup, fetch examples, prompts for blog lists and single posts, and where to add env vars.
Credentials You’ll Need
For any of the guides above you need:
- ElmapiCMS instance – Demo for trying things, or self-host for production
- API URL, API Key, Project ID – From your ElmapiCMS admin: API → API keys → create a read-only key and copy the three values.
Use them as ELMAPI_API_URL, ELMAPI_API_KEY, and ELMAPI_PROJECT_ID in your AI-built app (or the tool’s env/secrets).
Next Steps
- API reference: elmapicms.com/documentation/api
- SDK on npm: @elmapicms/js-sdk
- More AI + ElmapiCMS: How to use AI code editors to create projects in ElmapiCMS (templates inside ElmapiCMS) and Next.js portfolio with ElmapiCMS and Cursor (full Cursor workflow).
Pick your tool from the list above and follow its guide to go from “mock data” to “real content from ElmapiCMS” in a few minutes.