Revision history [back]

To retrieve header and body data in Next.js using the prefetch function, you can follow these steps:

1. Import the useRouter hook from the next/router module.

import { useRouter } from 'next/router'

1. Define a variable to store the route information.

const router = useRouter()

1. Use the prefetch function on the router object to prefetch the page prior to navigation.

router.prefetch('/some-page')

1. Add an event listener to the prefetch request to retrieve the response data.

router.prefetch('/some-page').then((response) => {
  const headers = response.headers
  const body = response.body
})

1. You can now use the headers and body variables to access the data from the response.

Note: The prefetch function will only work if the page you are trying to prefetch is not the current page.