Next.js Code Snippets

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

const fileToBase64 = (file) =>
	new Promise((resolve, reject) => {
		const reader = new FileReader();
		reader.readAsDataURL(file);
		reader.onload = () => resolve(reader.result);
		reader.onerror = reject;
	});

fileToBase64(file) // any type of image, zip, txt or another file that want

Convert File to Base64 String

Convert any type of file to basae64 stri...
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....