BCMS Logo

Nuxt JS Portfolio templates & code starters for BCMS

https://personal-starter.thebcms.com/
nextgatsbyastro
Visit Website

Nuxt JS Portfolio template

Not a fan of one-size-fits-all portfolio templates?

Nuxt JS templates & code starters for BCMS setup give you a clean starting point that’s actually built for developers. You get full control over your projects, case studies, blog posts, and pages without manually editing JSON or rebuilding every time you tweak your About section.

It’s built with TypeScript, Tailwind CSS, and a modular component structure, so extending it is simple.

BCMS handles all your content from project details to skills and personal info, so your portfolio stays flexible and easy to update without touching code.

If you want something fast, minimal, and easy to maintain (but still looks great and ranks well), this is the one to build on.

What’s inside the Nuxt JS Portfolio template:

  • Project & case study management: Manage portfolio items, media, and descriptions via BCMS, no need to touch code for updates.

  • Nuxt 3 + TypeScript stack: Modern Vue setup with strong typing and component-based architecture.

  • Dynamic pages & content modules: Use Nuxt’s dynamic routing and BCMS entries to build About, Blog, and Contact pages without static config files.

  • Tailwind CSS integration: Customize the design system via tailwind.config.ts: no extra CSS layers or overrides.

  • Localization with Nuxt: Easily add multilingual support using Nuxt’s official i18n module with BCMS localization fields.

  • SEO-first structure: Use Nuxt’s SEO kit to dynamically inject meta, OG tags, and page titles.

  • Fully responsive layout: Built mobile-first and optimized for every screen size with minimal effort.

Build a personal website with the Nuxt JS Portfolio Template for BCMS

If you're after full control, clean structure, and a CMS that won’t get in your way, this Nuxt + BCMS portfolio starter checks every box. Build fast, update easily, and scale when you’re ready.

Exploring other projects? See our Nuxt Blog, Podcast, or Conference templates for more ideas.

Start here: 

npx @thebcms/cli create nuxt starter personal

It takes a minute to start using BCMS

Start free with GitHub
Start free with Google
Gradient
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.

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