Vue CMS? That's BCMS.

Need a Vue CMS? BCMS is a headless CMS for Vue.js: fetch typed entries with @thebcms/client in Vue 3, Vite, or Nuxt. Agents write entries. Clients edit in the UI.

npm i @thebcms/client
NorthloopNorthloop
7 members
Search
⌘+K
Administration
  • Settings
  • Trash
Entries
  • ·
  • @thebcms
  • Terms of use
  • ·
  • Log out
Hello Mira,
Have a nice day at work!
Entries created
12
Megabytes uploaded
14.2
Members
7
Manage members
See all members
Mira Chen
mira@northloop.co
Admin
Priya Nair
priya@northloop.co
Admin
Sofia Reyes
sofia@northloop.co
Amara Okonkwo
amara@northloop.co
Nadia Hassan
nadia@northloop.co
Camila Duarte
camila@northloop.co
Jordan Hale
jordan@northloop.co
Admin
Elias Brandt
elias@northloop.co
Kenji Watanabe
kenji@northloop.co
Luca Moretti
luca@northloop.co
Theo Andersson
theo@northloop.co
Invites
  • alex.morgan@northloop.co
    Pending
    Cancel invitation
  • Recently uploaded
    homepage-hero.jpg
    fintech-case-cover.jpg
    design-systems-blog.jpg
    studio-team.jpg

    Why teams pick BCMS as their Vue.js CMS

    A Vue CMS should stay out of your component tree. BCMS gives you structured content, a typed client, and an editor UI while you keep Vue 3, Vite, or Nuxt as the frontend.

    • Fits the Vue workflow

      Initialize @thebcms/client, fetch entries in setup or onMounted, and bind results to your template. No heavy plugin required.

    • Vue 3, Vite, or Nuxt

      Same client for SPA Vue apps, Vite + Vue, and Nuxt. Use Nuxt when you need SSR; use Vue CMS when you want the component-first story.

    • TypeScript-ready content

      Pull generated types into your Vue project. Autocomplete for fields editors actually fill in.

    What you get from a headless CMS for Vue

    CMS for Vue without a heavy plugin: official client, CDN delivery, locales, and agent-ready APIs.

    • Separate UI from content

      Developers own Vue components and routes. BCMS holds copy, media, and structured blocks.

    • Official JS/TS client

      Query entries, media, and widgets with @thebcms/client. Documented Vite + Vue setup in the docs.

    • Works with Vite and Nuxt

      Start with a Vue SPA on Vite, or move to Nuxt for SSR later. Your content model stays the same.

    • CDN-backed delivery

      Content served over CDN so your Vue app stays focused on rendering, not hosting content.

    • Multilingual content

      Add locales in BCMS. Render the language your Vue 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 your Vue CMS

    Model once in BCMS. Fetch in setup or onMounted. Reuse widgets and groups across Vue pages and Nuxt routes.

    14-day free trial · No credit card required

    Inputs

    Dropdowns, files, numbers, and rich text. Standard fields for editable content.

    BCMS + Vue

    Official client package. Fetch entries in Vue components or Nuxt pages. Agents can write entries from code.

    Generated types

    Pull TypeScript interfaces from your content model into the Vue project for safer fetches.

    Media

    Folders, previews, and organized assets. Reference them from Vue components without a separate DAM.

    Widgets

    Reusable blocks like galleries and CTAs. Model once, embed in rich text, render as Vue components.

    Groups

    Author bios, SEO fields, and repeated shapes. Define once and reuse across entries.

    Multilingual Vue sites

    Manage content in any number of languages in BCMS, then render localized pages in Vue without awkward workarounds.

    General
    Docs

    Status

    Last updated 4 days ago

    Language

    English

    Links

    There is one other entry that links to this entry:

    10 Fabulous Infographics about JAMstack

    A picture is worth a thousand words, so let's see through these infographics what makes JAMstack so beloved.

    Publishing statuses for Vue

    Draft, review, and publish content in BCMS, then ship only what is ready into your Vue app.

    Frequently asked questions

    Common questions about using BCMS as a Vue CMS or headless CMS for Vue.

    What is a good Vue CMS for Vue 3 and Vite?

    If you want a headless Vue.js CMS with a typed JS client (not a Vue admin theme bolted onto your app), BCMS fits Vue 3, Vite, and Nuxt. Fetch entries in components or loaders and keep editing in the BCMS UI.

    Yes. The Vite docs walk through a Vue 3 + TypeScript setup with @thebcms/client. Fetch entries in your components and render them in the template.

    Yes. Templates, entries, and types live in BCMS. Switch the frontend from Vite Vue to Nuxt without rebuilding your content schema.

    Yes. Connect via MCP with scoped API keys. Agents write entries. Clients edit them in the dashboard.

    No. Install @thebcms/client, set your API key, and fetch content where your Vue app loads data. Optional CLI type pull keeps TypeScript in sync.

    Create a Vue project (or use Vite + Vue), install @thebcms/client, add BCMS_API_KEY, and fetch an entry. The trial is 14 days free.

    No. Docs, starters, and a free trial are available. Contact us if you want direct support.

    Alright. Enough pitch.

    14 days free. About 13 seconds. Zero demo tax.

    14-day free trial · No credit card required