# Simple blog code starter for BCMS and Nuxt

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

### Clean structure. Type-safe. Easy to extend.

This is a minimal Nuxt 3 starter built for developers who want full control. No noise, no extras—just a clean base for building content-driven websites powered by BCMS.

It uses a modern Nuxt setup, integrates with BCMS through server API routes, and includes just enough to get started: a homepage, dynamic blog post pages, simple components, and minimal styling.

---

## How It Works

- Modern Nuxt 3 stack: Uses the /pages directory for routing, composables for metadata, and TypeScript across the codebase.

- API-first architecture: All content is fetched from BCMS through server API endpoints (/server/api/blog/all.ts, /[slug].ts). This keeps the frontend clean and separated from the CMS logic.

- Dynamic routing: Blog posts are rendered via /pages/blog/[slug].vue, using server-side fetching for speed and SEO.

- Component-based UI: Small reusable components like BlogCard, Tag, and Footer are used across the layout. Layouts and utility functions are separated for clarity.

- Minimal styling: Ships with Tailwind CSS and a single SCSS file. It’s unstyled on purpose—ready for your custom design.

- SEO-friendly: Includes error handling and basic Open Graph/meta tag support out of the box.

---

## Why Use It?

This starter is ideal if you want to:

- See a clear example of how to connect Nuxt 3 with BCMS

- Build a blog, documentation site, or content app without boilerplate clutter

- Start small and scale—without rewriting the architecture later

If you're looking for a simple but production-ready base to build with Nuxt and BCMS, this is it.

```BASH

npx @thebcms/cli create nuxt starter simple-blog

```