Astro Portfolio templates & code starters for BCMS

Visit Website

Astro Portfolio templates 

Sick of rebuilding your portfolio every time you want to add a project to your work experience?

Astro templates & code starters for BCMS give you a clean separation between code and content, so you can focus on building and let BCMS handle content updates.

Astro’s static-first architecture means your portfolio loads instantly, with zero JS by default and just enough interactivity where needed. 

You gain full control over structure and layout using components, while BCMS provides structured models for everything, including projects, case studies, skills, blogs, and custom pages.

This template is ideal for devs who want their work to speak clearly, without performance issues, overengineered frameworks, or pushing commits every time something changes.


What’s inside the Astro ​​Portfolio template:

  • Content is structured, not scattered: Model your portfolio in BCMS with fields for tech stack, role, links, images, and tags/ Fetch it cleanly via Astro without copy-pasting JSON blobs.

  • Write blog posts without touching the repo: Publish updates, thoughts, or case studies inside BCMS. Skip the markdown files and builds.

  • Zero-JS until you need it: Astro compiles your site to static HTML, with islands for interactive bits (like a project filter or contact form) no SPA bloat.

  • Component-based layout you control: Use Astro’s file-based routing and component structure to quickly build and customize your layout.

  • Multi-language support: Translate pages and projects using BCMS localization features. No fragile plugins required.

  • Optimized media out of the box: Use Astro’s <Image> component with BCMS to lazy-load and resize your screenshots, logos, or cover images.

  • Clean SEO setup, no boilerplate: Seo friendly features out of the box: page titles, meta descriptions, Open Graph data, and schema from your BCMS entries.

  • Mobile-first, performance-focused UI: Your site is responsive and fast by default no extra effort needed to look good on a phone.

npx @thebcms/cli create astro starter personal

It takes a minute to start using BCMS

Gradient

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