# Simple blog code starter for BCMS and Gatsby.js

![Image](https://app.thebcms.com/api/v3/instance/670e90c0cedcf9e4d34d1a23/media/673dc29fc8abc5e921e4449a/bin2/simple-blog.png?apiKey=670e90c0cedcf9e4d34d24e6.7e8471eb288ed672495cf4734e877b33042a4d7d63059d938576b8d45d35c166.670e90c0cedcf9e4d34d1a23)

### 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.

```BASH

npx @thebcms/cli create gatsby starter simple-blog

```