Crafting a custom Breadcrumb component in Astro: Step-by-Step Guide

Crafting a custom Breadcrumb component in Astro: Step-by-Step Guide
Crafting a custom Breadcrumb component in Astro: Step-by-Step Guide

By Ferran Buireu

Building your own Breadcrumbs component in Astro and TypeScript: for DIY enthusiasts

astro
breadcrumbs
seo
DIY
development
Content Details

Published

9/4/2025

Type

link

Get Free Access

No payment required

Content Creator
Learn more about the content creator
Ferran Buireu

Ferran Buireu

Senior Software Engineer @ Gartner (ex-Xing, ex-Leadtech, ex-Grup Peralada, ex-Malabars)

Senior Software Engineer, mentor, open-source contributor

About

Hi there, I'm Ferran, a Barcelona-based Senior Software Engineer with 10+ years of experience. I'm passionate about helping developers master modern technologies and accelerate their career growth. As your mentor, I can help you: - Master Modern Software Development: Deepen your skills in TypeScript, React, Next.js, Astro, Node, and of course, the fundamentals: HTML, CSS, and JavaScript. - Refine Your Best Practices: Write cleaner, more efficient code through practical advice, design patterns, and hands-on code reviews. - Leverage AI Effectively: While AI gives us a massive boost, the key is guiding the tools, not just using them. We'll focus on how to maximize their potential without compromising on performance, scalability, or testability. - Level Up to Senior and Staff: We'll build a roadmap for you to develop the technical and leadership skills required for a senior role. - Contribute to Open Source: I'll guide you in making your first contributions to major projects to build your public profile. My approach is practical and 100% focused on your goals. On a personal side: When I'm not coding, I'm training for marathons or playing my guitar. If you're ready to take the next step in your career, let's talk!

Speaks:
English
Castilian
Catalan