Gatsby CMS? That's BCMS.
Headless CMS for Gatsby. GraphQL-ready structured content for static sites. Agents write entries. Clients edit in the beautiful, intuitive UI.
npx @thebcms/cli create gatsby
Northloop- Settings
- Trash
- ·
- @thebcms
- Terms of use ·
- Log out
Why teams use BCMS with Gatsby
Gatsby provides static site generation with React. BCMS is a content source that integrates via GraphQL.
Built for React developers
Content models align with component structure. Define blocks that map to the components you already write.
Structured blocks, not HTML blobs
Compose pages from structured pieces. Gatsby renders. BCMS stores. No pasting HTML into single fields.
TypeScript support
Typed content structures for Gatsby projects. Types stay in sync when models change.
What you get with Gatsby and BCMS
Static generation with content managed outside the codebase.
Manage content once, deliver everywhere
Single content source for Gatsby sites. Agents can help when content volume increases.
GraphQL integration
Official plugin. Query BCMS content through Gatsby's GraphQL layer.
Build performance
Gatsby optimizes delivery. BCMS keeps content flexible without slowing builds.
CDN-backed content
Content served globally for fast page loads.
Multilingual content
Structured locales for multilingual sites. Editors work in the UI. Gatsby renders each language.
Structured content for Gatsby
Reusable blocks queried through GraphQL. Define once, use across pages.
14-day free trial · No credit card required
Media
Organized folders for uploads. Manage assets in BCMS and pull them into Gatsby.
Widgets
Reusable blocks like image galleries. Model, query, and render with full structure control.
Gatsby guides and articles
Documentation and posts about using BCMS with Gatsby.
Gatsby starter projects
Pre-configured Gatsby templates with BCMS integration. Clone and connect your instance.
Gatsby Agency templates & code starters for BCMS
This is a bare-bones starter kit for BCMS, a headless CMS and Gatsby.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 Gatsby.js
This is a bare-bones starter kit for BCMS, a headless CMS and Gatsby.js. It's minimal but solid, with a clean codebase that hooks directly into your BCMS project, ready to extend and scale as needed.
Gatsby E-commerce templates & code starters for BCMS
Start your e-commerce in a minute with Gatsby.js & BCMS: Fast setup, easy customization, and SEO-ready with static site generation. Ideal for developers.
Gatsby Conference templates & code starters for BCMS
Empower events with Gatsby.js & BCMS: SEO-friendly static sites, rapid loads. Seamlessly manage content. Developers, set the stage for impactful events.
Gatsby Portfolio templates & code starters for BCMS
Shape your brand: Gatsby.js & BCMS optimize SEO, speed, and content updates. Create a standout digital presence.
Gatsby Restaurant templates & code starters for BCMS
Elevate restaurants online: Gatsby.js & BCMS optimize SEO, speed, updates, and scalability. Serve customers digitally with flair.
Frequently asked questions
Common questions about using BCMS with Gatsby.
Can I query BCMS with GraphQL in Gatsby?
Yes. The official plugin treats BCMS as a Gatsby content source. Query it through GraphQL like other sources.
Can agents update content for a Gatsby site?
Yes. Agents write to BCMS. Your next build or SSR path picks up changes. Clients can also edit in the dashboard.
Is Gatsby a good fit with a headless CMS?
Yes, if you want static speed and React. BCMS keeps content out of the repo so editors can update copy without pull requests.
How does BCMS handle images and media?
Upload and organize assets in BCMS. Pull them into Gatsby like any other content source. Folder organization is included.
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