Prefetch Next.js routes to speed up navigation

usePrefetchRoutes.js

import { useRouter } from "next/router";
import { useEffect } from "react";

/**
 * Prefetch routes to make navigation between pages faster
 *
 * @param {Array<string>} paths An array of paths (URLs) to prefetch.
 */
const usePrefetchRoutes = (paths) => {
  const router = useRouter();

  useEffect(() => {
    if (paths && paths.length > 0) {
      paths.forEach((path) => {
        router.prefetch(path);
      });
    }
  }, [paths, router]);
};

export default usePrefetchRoutes;