Making an accessible Breadcrumb Navigation using TailwindCSS and NextJS

Breadcrumb Navigations are starting to appear in many applications nowadays, mostly in dashboards. Today we are going to look at building a Breadcrumb navigation that is accessible and styled with TailwindCSS. We are going to be using NextJS (specifically the NextJS Router) for this tutorial. However, you can follow the same steps for other frameworks, it may also not be a React framework. Just make sure to look up and implement the proper router logic and create the components properly, styling will remain the same.

02 Mar 2022

Keywords
coding
webdev
nextjs
tailwindcss
accessibility
breadcrumb
navigation

Fueler top Icons

We are not just another social platform

We aspire to become a platform that inspire you to create and helps you become self reliant with your skills and proof of work.

CTA msg box Fueler