Simple blog code starter for BCMS and Nuxt

This is a bare-bones starter kit for BCMS, a headless CMS. It's minimal but solid, with a clean codebase that hooks directly into your BCMS project, ready to extend and scale as needed.

Nuxt.js Next.js Gatsby.js Astro.js Svelte.js

npx @thebcms/cli create nuxt starter simple-blog

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.

npx @thebcms/cli create nuxt starter simple-blog

It takes a minute to
start using BCMS with Nuxt.js

Start free with GitHub

Start free with Google

14-day free trial · No credit card required

Other Nuxt.js starters you might like

There are many example apps and starter projects to get you started with BCMS and Nuxt.js

Nuxt JS Agency templates & code starters for BCMS

This is a bare-bones starter kit for BCMS, a headless CMS and Nuxt.js. It's minimal but solid, with a clean codebase that hooks directly into your BCMS project, ready to extend and scale as needed.

Nuxt JS E-commerce templates & code starters for BCMS

Start your e-commerce in a minute with Nuxt.js & BCMS: Fast setup, easy customization, and SEO-ready with static site generation. Ideal for developers.

Nuxt JS Blog templates & code starters for BCMS

Start your blog in a minute with Nuxt & BCMS: Fast setup, easy customization, and SEO-ready with static site generation. Ideal for developers.

Nuxt JS Portfolio templates & code starters for BCMS

Shape your brand: Nuxt.js & BCMS optimize SEO, speed, and content updates. Create a standout digital presence.

Nuxt JS Podcast templates & code starters for BCMS

Elevate podcasts using Nuxt.js & BCMS: Leverage SEO, speed, and content management. Enhance your audio journey.

Nuxt JS Conference templates & code starters for BCMS

Empower events with Nuxt.js & BCMS: SEO-friendly static sites, rapid loads. Seamlessly manage content. Developers, set the stage for impactful events.

Nuxt JS Restaurant templates & code starters for BCMS

Elevate restaurants online: Nuxt.js & BCMS optimize SEO, speed, updates, and scalability. Serve customers digitally with flair.

Nuxt JS Job board templates & code starters for BCMS

Enhance job board: Nuxt.js & BCMS fuel SEO, speed, and scalability. Effortlessly connect employers and seekers. Empower your platform.

Nuxt JS Recipes templates & code starters for BCMS

Unveil the perfect recipe site with our Nuxt.js & BCMS Starter. SEO-optimized, fast-loading & user-friendly for chefs & food bloggers. Rank & serve!