nextjs get current route

Flutter Guy answered on October 23, 2021 Popularity 9/10 Helpfulness 8/10

answer nextjs get current route

related get cuurent route name nextjs

nextjs get current route

Comment

import { usePathname } from 'next/navigation'
 
const pathname = usePathname()

Popularity 9/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: get javascript

Link to this answer
Share Copy Link

Contributed on Jun 17 2024

Flutter Guy

0 Answers Avg Quality 2/10

Closely Related Answers

get cuurent route name nextjs

Comment

import React from 'react'
import Link from 'next/link'
import { useRouter } from 'next/router'

const menu = [
  { title: 'Home', path: '/home' },
  { title: 'Explore', path: '/explore' },
  { title: 'Notifications', path: '/notifications' },
]

const Sidebar = () => {
  const router = useRouter()

  return (
    <div>
      {menu.map((item, index) => {
        return (
          <Link key={index} href={item.path}>
            <a
              className={`cursor-pointer ${
                router.pathname === item.path
                  ? 'text-blue-500'
                  : 'hover:bg-gray-900 hover:text-blue-500'
              }`}
            >
              {item.title}
            </a>
          </Link>
        )
      })}
    </div>
  )
}

export default Sidebar

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: flaviocopes.com

Tags: get

Link to this answer
Share Copy Link

Contributed on Oct 23 2021

monarcode

0 Answers Avg Quality 2/10

nextjs get current route

Contents

More Related Answers

nextjs get current route

Closely Related Answers

get cuurent route name nextjs

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.