Deviopath › Next.js

Highlight the Active Link

Easy · Navigation

Combine usePathname() with <Link> to highlight the page you are on: compare the current path with each link's href and add a CSS class to the matching one.

Give the link whose href equals the current pathname the class name active. The other links must not have that class. An exact match is enough here.

Next: Create an Item With POST