Simple blog code starter for BCMS and Astro.js

simple-blog.png

Minimal, static, and built to grow.

The Astro Simple Blog Starter is a clean, production-ready base for building content-focused static sites with Astro and BCMS. It’s made for developers who want a minimal starting point that’s easy to scale. This starter follows best practices in static generation, API integration, and component-based architecture, without adding any unnecessary layers.


Key Features and Structure

Static site generation with Astro
Uses Astro’s file-based routing and getStaticPaths to generate dynamic blog pages at build time. Fast loading, great SEO, zero runtime JS by default.

BCMS integration
Pulls content from BCMS during the build using a lightweight client. Data is loaded into the frontmatter of each page and passed to components, keeping the frontend completely separate from CMS logic.

Dynamic routing
Blog posts live under /src/pages/blog/[slug].astro. Content is preloaded during build for optimal performance and minimal runtime overhead.

Component-driven UI
Built using small Astro components like blog-card.astro and tag.astro. Everything’s reusable and easy to extend. Layout and utility functions are organized separately to keep things clean.

Minimal styling, easy to customize
Comes with Tailwind CSS and a single CSS file. The design is stripped down so you can style it your way.

TypeScript support
Fully typed codebase for better safety and a smoother dev experience.


How It Works

Homepage
The main page (/src/pages/index.astro) pulls in all blog posts from BCMS at build time and renders them using the BlogCard component. It’s intentionally simple—clear layout, no clutter.

Blog post pages
Each blog post is generated at build using dynamic routing (/src/pages/blog/[slug].astro). Pages show the post, related tags, cover image, and rich content via the BCMSContentManager component.

Build-time data loading
All fetching happens in the frontmatter of Astro pages. This setup talks to BCMS, gets typed content, and keeps the logic away from your UI. Easy to maintain, easy to scale.


Why Choose This Starter?

Great for learning or rapid prototyping
See how Astro connects with a headless CMS like BCMS using best practices. The code is clean, minimal, and easy to follow.

Production-ready structure
The architecture can handle more complexity if your site grows. Clean separation between logic and UI, with solid static generation.

No bloat. Just the essentials.
You get what you need to start fast. Nothing extra to strip out.

Whether you're working on a personal blog, simple docs, or a content-heavy site, this starter gives you a lean, modern foundation - no more, no less.

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