TanStack Start CMS? That's BCMS.

Need a TanStack Start CMS? BCMS is a headless CMS for TanStack Start: fetch typed content in server functions and loaders, render with React components, and let 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 BCMS fits TanStack Start

    Pair TanStack Start type-safe routing with BCMS structured content so loaders return typed entries, not ad hoc JSON.

    • Fetch in server functions

      Call @thebcms/client inside Start loaders or server functions. Keep API keys off the client. Ship typed entries to your routes.

    • React components included

      Use @thebcms/components-react for images and rich text. Render CMS content like any other React tree in Start.

    • Generated TypeScript types

      Pull interfaces from your content model. Autocomplete in loaders, components, and agent tools stays in sync.

    What you get from a CMS for TanStack Start

    Headless content for full-stack React: official client, React helpers, CDN delivery, and agent-ready APIs.

    • Official JS/TS client

      Same @thebcms/client you use with Next or Vite. Framework-agnostic fetch for entries, media, and widgets.

    • Type-safe end to end

      TanStack Start routes plus BCMS-generated content types. Fewer runtime surprises when models change.

    • SSR and SPA friendly

      Load content on the server for SEO, or hydrate on the client when you need it. Your choice of rendering path.

    • CDN-backed delivery

      Content served over CDN so Start stays focused on routing and UI, not hosting a CMS.

    • Multilingual content

      Add locales in BCMS. Return the language your Start route 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 TanStack Start

    Model once in BCMS. Fetch in Start loaders. Render with React components.

    14-day free trial · No credit card required

    Inputs

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

    BCMS + TanStack Start

    Official client in server functions and loaders. Cast results to generated entry types. Agents can write entries from code.

    Generated types

    TypeScript interfaces for templates, widgets, and groups. Import them next to your Start route types.

    Media

    Folders, previews, and BCMSImage for responsive CMS media in React.

    Widgets

    Reusable blocks like galleries and CTAs. Model once, embed in rich text, map to React components.

    Groups

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

    Multilingual TanStack Start sites

    Manage content in any number of languages in BCMS, then render localized pages in TanStack Start 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 TanStack Start

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

    Frequently asked questions

    Common questions about using BCMS as a TanStack Start CMS.

    Is there a headless CMS for TanStack Start?

    BCMS works as a TanStack Start CMS via the framework-agnostic @thebcms/client. Fetch in loaders or server functions, keep API keys on the server, and render with @thebcms/components-react.

    Prefer server functions or route loaders so API keys stay private. Pass typed entries into your components as props or loader data.

    Same content model and client. Next.js CMS covers App Router specifics. TanStack Start CMS covers Start routing, loaders, and full-stack React without tying you to Next.

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

    No. Install the client packages, set BCMS_API_KEY, pull types if you use TypeScript, and fetch entries where Start loads data.

    Create a TanStack Start app, install @thebcms/client, add your API key, and fetch an entry in a loader. The trial is 14 days free.

    No. Docs 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