Next.js Code Snippets

Snippets for SSR, routing, and optimization in Next.js.

import { useRouter } from 'next/router';

const Component = () => {
  const router = useRouter();
  console.log(router.pathname);
  return <div>{router.pathname}</div>;
};

Get Current Route Path in Nextjs

Get the current route path in a Next.js ...
const [isOn, setIsOn] = useState(false);

const toggle = () => setIsOn(prev => !prev);

Toggle Boolean State in Reactjs or Nextjs

Simple toggle hook for React state....