sbardian/gatsby-plugin-breadcrumb

🥖 Breadcrumb điệu đà cho trang Gatsby

Hai cách thức chính: Click Tracking theo hành trình người dùng và AutoGen tự động sinh breadcrumb cho mỗi trang.

gatsby-plugin-breadcrumb là một plugin JavaScript nhẹ cho Gatsby, cung cấp component <Breadcrumb /> và hook useBreadcrumb để thêm thanh điều hướng breadcrumb. Hỗ trợ Gatsby v2, v3 và v4.

✨ Điểm nổi bật

• Click Tracking: tạo breadcrumb từ hành trình click của người dùng
• AutoGen: tự động sinh breadcrumb và chèn vào pageContext của trang
• Component <Breadcrumb />: hỗ trợ props tùy biến như location, crumbLabel, title
• Hook useBreadcrumb: cho phép dùng breadcrumb tùy chỉnh nhưng vẫn dùng logic Click Tracking
• Tùy chỉnh separator: hỗ trợ crumbSeparator như /
• Hỗ trợ pathPrefix: tùy chọn usePathPrefix cho trang có tiền tố đường dẫn

💡 Vì sao đáng chú ý

Plugin cung cấp linh hoạt hai cách tiếp cận: Click Tracking theo dõi hành vi người dùng thực sự, phù hợp với UX phản ánh chính xác hành trình người dùng; AutoGen tự động sinh breadcrumb từ cấu trúc trang, tiết kiệm công đặt breadcrumb thủ công. Cả hai đều hỗ trợ tùy biến giao diện và dữ liệu, đáp ứng nhu cầu đa dạng từ blog cá nhân đến trang thương mại điện tử.

---

#Gatsby #Breadcrumb #WebDevelopment #ReactJS #TiniX