TypeScript CMS? That's BCMS.
A TypeScript CMS should treat content as typed data. BCMS is a headless CMS with generated TypeScript types, a typed SDK, and an editor UI. Change a model, pull types, ship.
npm i @thebcms/client
Northloop- Settings
- Trash
- ·
- @thebcms
- Terms of use ·
- Log out
Why BCMS works as a TypeScript CMS
Searches for TypeScript CMS often mean typed, developer-first content. BCMS generates TypeScript interfaces from your templates so editors, agents, and your codebase share one schema.
Types from your content model
Run the CLI and BCMS writes TypeScript interfaces for entries, meta, and content into your repo. No hand-written CMS types.
Typed SDK, not guesswork
Fetch with @thebcms/client, cast to generated entry types, and get autocomplete for fields your editors actually use.
Works across JS frameworks
Same typed client for Next.js, Nuxt, Astro, Svelte, Gatsby, Vite, or plain Node. Types travel with the content, not the framework.
What you get from a typed headless CMS
Headless CMS TypeScript workflows: CLI typegen, @thebcms/client, framework-agnostic fetches, and a human editing UI.
Schema changes stay in sync
Add a field in BCMS, pull types again, and TypeScript shows what broke. Content and code stay on one source of truth.
CLI type generation
bcms --pull types --lng ts writes interfaces into /bcms/types. Hook it into npm scripts so every build refreshes types.
Official JS/TS client
@thebcms/client handles entries, media, widgets, and caching. TypeScript types ship with the package and with your pulled schema.
Models that match components
Widgets and groups map to reusable shapes. Render them as typed components instead of parsing loose HTML.
Locales in the type shape
Multilingual content is part of the generated entry types. Editors translate in the UI. Code reads the locale it needs.
Safe for agents and humans
Agents create and update entries over MCP with scoped keys. Humans edit in the dashboard. Both work from the same typed schema.
Typed structured content
Model in BCMS. Pull TypeScript types into /bcms/types. Query entries like any other typed module in your app.
14-day free trial · No credit card required
Media
Folders, previews, and typed media objects. Reference assets by path from code or from agent tools.
Widgets
Reusable content blocks with typed props. Embed in rich text and render as typed UI components.
Guides for typed headless CMS setups
Articles on TypeScript CMS patterns, generated types, and modern framework integrations.
Typed starter projects
Open-source starters with BCMS and TypeScript types pre-configured. Clone, pull types, ship.
Next JS Agency templates & code starters for BCMS
This is a bare-bones starter kit for BCMS, a headless CMS and Next.js. It's minimal but solid, with a clean codebase that hooks directly into your BCMS project, ready to extend and scale as needed.
Simple blog code starter for BCMS and Next.js
This is a bare-bones starter kit for BCMS, a headless CMS and Next.js. It's minimal but solid, with a clean codebase that hooks directly into your BCMS project, ready to extend and scale as needed.
Next JS Blog templates & code starters for BCMS
Start your blog in a minute with Next & BCMS: Fast setup, easy customization, and SEO-ready with static site generation. Ideal for developers.
Next JS Conference templates & code starters for BCMS
Empower events with Next.js & BCMS: SEO-friendly static sites, rapid loads. Seamlessly manage content. Developers, set the stage for impactful events.
Next JS Podcast templates & code starters for BCMS
Elevate podcasts using Next.js & BCMS: Leverage SEO, speed, and content management. Enhance your audio journey.
Next JS Restaurant templates & code starters for BCMS
Elevate restaurants online: Next.js & BCMS optimize SEO, speed, updates, and scalability. Serve customers digitally with flair.
Frequently asked questions
Common questions about using BCMS as a TypeScript CMS or headless CMS with TypeScript types.
Is BCMS a TypeScript CMS like Payload?
BCMS is a hosted headless CMS with first-class TypeScript type generation and a typed client. You model content in the browser, pull types into any TS project, and keep a client-friendly editing UI. You are not locked into a self-hosted Node CMS codebase.
Do I need a specific framework to use the types?
No. Types work with any TypeScript project that can import them: Next.js, Nuxt, Astro, SvelteKit, Vite, Gatsby, or plain Node scripts. The @thebcms/client SDK is framework-agnostic.
Can I use BCMS with JavaScript instead of TypeScript?
Yes. Pulled types still help tooling and editors, and the client works in JavaScript. TypeScript is optional but is where BCMS shines for autocomplete and safer refactors.
What happens when I change a content model?
Update the template in BCMS, pull types again, and TypeScript will flag code that still expects the old shape. That is the point: content changes become compile-time feedback.
Can agents use the same typed schema?
Yes. Connect via MCP with scoped API keys. Agents create and update entries against your templates. Clients edit the same entries in the UI. Permissions control what each side can change.
How fast can I get started?
Install @thebcms/client and @thebcms/cli, set BCMS_API_KEY, pull types, and fetch an entry. Or scaffold a framework starter with the CLI. The trial is 14 days free.
Do I need to talk to sales to start?
No. Docs, starters, and a free trial are available. Contact us if you want direct support.
14 days free. About 13 seconds. Zero demo tax.
14-day free trial · No credit card required