`prefetch()`

Environment: browser.

By using prefetch('/some/url') you can programmatically prefetch pages.

Using prefetch() enables you to speed up page navigation when you can predict what the next page will (most likely) be.

For example:

import { prefetch } from 'vike/client/router'
 
function Form() {
   return (
     <form onSubmit={onSubmit}>
       {/* ... */}
     </form>
   )
}
 
async function onSubmit() {
  // Fetch the next page
  prefetch('/form/success')
  // In parallel, make a request to the server
  await someRequestToServer()
  // The assets of the next page may already be fetched at
  // this point, before even calling navigate()
  await navigate('/form/success')
}

Without `vike-{react,vue,solid}`

If you don't use a UI framework Vike extension vike-react/vike-vue/vike-solid, then you need to use Client Routing to be able to use prefetch(). Prefetching doesn't work with Server Routing.

✍ Edit this page

prefetch()

Without vike-{react,vue,solid}

`prefetch()`

Without `vike-{react,vue,solid}`