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

Creating portfolio made simple for

Trusted by 39000+ Generalists. Try it now, free to use

Start making more money