Vite CMS? That's BCMS.
Building with Vite? BCMS is a headless CMS for Vite apps: fetch typed content with the official SDK in Vue, React, or plain modules. No Vite plugin required. Agents write entries. Clients edit in the UI.
npm i @thebcms/client
Northloop- Settings
- Trash
- ·
- @thebcms
- Terms of use ·
- Log out
Why use a headless CMS with Vite
A Vite CMS should stay lightweight. Keep Vite for bundling and HMR. Use BCMS as the content API for Vue, React, or vanilla modules.
Fits the Vite workflow
Install the client, fetch entries in your modules or components, and keep hot reload. No custom Vite plugin required.
Vue, React, or vanilla
Same @thebcms/client SDK whether you scaffold with vue-ts, react-ts, or plain HTML modules.
TypeScript-ready content
Pull generated types into your Vite project. Autocomplete for fields editors actually fill in.
What you get from a CMS for Vite
Lightweight headless CMS for Vite: official client, Vue or React frontends, CDN delivery, and agent-ready APIs.
Separate UI from content
Developers own Vite components and routes. BCMS holds copy, media, and structured blocks.
Official JS/TS client
Query entries, media, and widgets with @thebcms/client. Documented Vite setup in the docs.
Lightweight integration
No GraphQL layer or framework lock-in. Fetch what you need in onMounted, loaders, or build scripts.
CDN-backed delivery
Content served over CDN so your Vite app stays focused on rendering, not hosting content.
Multilingual content
Add locales in BCMS. Render the language your Vite app needs. Clients translate in the dashboard.
Agents and humans together
Agents create entries over MCP. Clients edit the same content in the UI. Scoped API keys keep access tight.
Structured content for Vite apps
Model once in BCMS. Fetch in Vite components or modules. Reuse blocks across pages.
14-day free trial · No credit card required
Media
Folders, previews, and organized assets. Reference them from components without a separate DAM.
Widgets
Reusable blocks like galleries and CTAs. Model once, embed in rich text, render as components.
Vite and modern frontend CMS guides
Articles about Vite, Vue, and headless content workflows.
Starter projects with typed content
Open-source BCMS starters you can adapt to a Vite workflow. Clone, connect, wire the client.
Astro Restaurant templates & code starters for BCMS
Elevate restaurants online: Astro.js & BCMS optimize SEO, speed, updates, and scalability. Serve customers digitally with flair.
Simple blog code starter for BCMS and Nuxt
This is a bare-bones starter kit for BCMS, a headless CMS. 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 ecommerce templates & code starters for BCMS
Start your e-commerce in a minute with Next.js & BCMS: Fast setup, easy customization, and SEO-ready with static site generation. Ideal for developers.
Gatsby Blog templates & code starters for BCMS
Start your blog in a minute with Gatsby & BCMS: Fast setup, easy customization, and SEO-ready with static site generation. Ideal for developers.
Next JS Portfolio templates & code starters for BCMS
Shape your brand: Next.js & BCMS optimize SEO, speed, and content updates. Create a standout digital presence.
Gatsby Podcast templates & code starters for BCMS
Elevate podcasts using Gatsby & BCMS: Leverage SEO, speed, and content management. Enhance your audio journey.
Frequently asked questions
Common questions about using BCMS as a Vite CMS or headless CMS for Vite.
Does BCMS work as a Vite CMS with Vue or React?
Yes. The Vite docs walk through Vue 3 + TypeScript with @thebcms/client. The same client works in React Vite apps and plain HTML modules. Vite stays the bundler; BCMS is the content layer.
Can I use Vite with React or without a framework?
Yes. The same client works in React Vite apps and in plain HTML + JS modules. Vite is the bundler; BCMS is the content layer.
Do I need a special Vite plugin?
No. Install @thebcms/client, set your API key, and fetch content where your app loads data. Optional CLI type pull keeps TypeScript in sync.
Can agents create content for my Vite app?
Yes. Connect via MCP with scoped API keys. Agents write entries. Clients edit them in the dashboard.
How is this different from Nuxt or Next CMS pages?
Those pages cover full-stack frameworks. Vite CMS is for SPA and module-based apps where you want fast local dev and a lightweight content fetch.
How fast can I get started?
Create a Vite project, install @thebcms/client, add BCMS_API_KEY, and fetch an entry. The trial is 14 days free.
Do I need to talk to sales to start?
No. Docs 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