Next.js CMS? That's BCMS.

Headless CMS for Next.js. Typed content for the App Router. Agents write entries. Clients edit in the beautiful, intuitive UI.

npx @thebcms/cli create next
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 use BCMS with Next.js

    BCMS is a content layer built for modern Next.js apps. Model in the browser, fetch with a typed SDK, and keep agents and clients on the same data.

    • App Router native integration

      Server Components, typed fetches, and an official SDK. Built for how Next.js apps are structured today.

    • Models that map to components

      Widgets and groups become reusable blocks. Content structure matches your React components.

    • Generated TypeScript types

      Change a template and BCMS regenerates types. Editor autocomplete and agent tools stay in sync.

    What you get with Next.js and BCMS

    Structured content, an official SDK, and an editing UI for clients.

    • Separate code from content

      Developers wire routes and components. Clients update copy in the dashboard. Agents can create and update entries.

    • Official Next.js SDK

      Install, fetch, render. Maintained by BCMS with a documented integration path.

    • Performance-friendly delivery

      Content served over CDN. Structured data without slowing your Next.js app.

    • Global CDN

      Content delivered close to users. Suitable for marketing sites and apps with global traffic.

    • Multilingual content

      Add locales as needed. Clients translate in the UI. Agents can fill missing translations.

    • Sites, stores, and SEO pages

      One content model for product pages, landing pages, and programmatic SEO.

    Structured content for Next.js

    Model once, reuse across pages. Modular blocks instead of unstructured HTML.

    14-day free trial · No credit card required

    Inputs

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

    BCMS + Next.js

    Official NPM package. Query entries in Server Components. Agents can create entries from code.

    Media

    Folders, previews, and organized assets. Clients upload files. Agents reference them by path.

    Widgets

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

    Groups

    Author bios, addresses, SEO metadata. Reusable shapes you query like any other data.

    Typed content for Next.js

    Change a content model and BCMS writes TypeScript interfaces straight into your Next.js project. No manual sync.

    Multilingual Next.js sites

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

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

    Frequently asked questions

    Common questions about using BCMS with Next.js.

    How is BCMS different from enterprise headless CMS platforms?

    BCMS is built for small-to-mid teams shipping with modern frameworks and agents. You model content in the browser, get TypeScript types out, and start without enterprise onboarding.

    Yes. Connect via MCP with scoped API keys. Agents write entries from code. Clients edit in the beautiful, intuitive UI. Permissions control what agents can change.

    Yes. Fetch in Server Components, use the official SDK, and keep types in sync when models change.

    The UI includes inputs, folders, statuses, and widgets so non-developers can publish content without developer involvement for every change.

    Run the CLI or sign up with GitHub or Google. Setup takes about 13 seconds. The trial is 14 days free.

    Yes. Add as many locales as you need. Editors translate in the dashboard. Agents can fill missing locales programmatically.

    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