Simple blog code starter for BCMS and Gatsby.js

simple-blog.png

Static-first. Fast. Easy to scale.

This is a minimal Gatsby starter built for content-focused websites powered by BCMS. It’s production-ready out of the box, with a clean file structure, static site generation, and zero unnecessary overhead.

Built for developers who want a solid base they can grow from—without distractions.


How It Works

  • Static Generation: All blog posts and the listing page are generated at build time using Gatsby’s data layer, giving you fast load times and strong SEO.

  • BCMS Integration: Blog content is fetched in gatsby-node.ts and passed into templates via context, so the frontend stays clean and CMS logic stays out of your components.

  • Dynamic Page Creation: Blog pages are created programmatically during the build, using simple templates for both listings and individual posts.

  • Component-based UI: The UI is split into small React components like BlogCard, Tag, and ContentManager, making it easy to tweak or expand. Layout and utilities are organized for clarity.

  • Minimal styling: Comes with Tailwind CSS and a single CSS file. The design is left barebones on purpose—ready to be customized.

  • TypeScript throughout: Everything’s typed for better DX and safety.


Why Use It?

This starter is great if you want to:

  • Learn how Gatsby works with a headless CMS, using real-world patterns

  • Build a simple but scalable blog or docs site

  • Skip the boilerplate and focus on shipping content

It gives you a clean, typed foundation for any static site that needs structure—but not bloat.

npx @thebcms/cli create gatsby starter simple-blog

Join our Newsletter

Get all the latest BCMS updates, news and events.

You’re in!

The first mail will be in your inbox next Monday!
Until then, let’s connect on Discord as well:

Join BCMS community on Discord

By submitting this form you consent to us emailing you occasionally about our products and services. You can unsubscribe from emails at any time, and we will never pass your email to third parties.

Gradient