Nuxt JS Podcast templates & code starters for BCMS
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
/pagesdirectory 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, andFooterare 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
Content
Other starters you may want to learn about
There are many example apps and starter projects to get you started.
Join our Newsletter
Get all the latest BCMS updates, news and events.
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.
