A煤n no tienes acceso a esta clase

Crea una cuenta y contin煤a viendo este curso

Prefetching de rutas

10/19
Recursos

Aportes 1

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

馃 Prefetching de rutas

Ideas/conceptos claves

link decoration es donde podemos mandar ciertos par谩metros por ejemplo: URL?q=busquega&authuser=1

Recursos

Apuntes

  • Para realizar un prefetch de una p谩gina de forma manual se puede realizar de la siguiente manera
router.prefetch(
	url: string,
	as?: string
)
  • url 鈬 la URL que deseamos hacer un prefetch
  • as 鈬 se utiliza en caso de querer decorar el recurso con una URL diferente

Precargar p谩ginas para realizar transiciones m谩s r谩pidas en el lado del cliente. Este m茅todo solo es 煤til para navegaciones sin next / link, ya que next / link se encarga de precargar las p谩ginas autom谩ticamente.

  • 脷til si no se us贸 <Link />
    • Por ejemplo: cuando se quiere realizar una redirecci贸n desde el cliente, se podr铆a hacer con router.push
    • En caso de que esta acci贸n se realiza de forma constante, una mejora podr铆a ser implementar router.prefetch
  • Solo funciona en producci贸n
    • En desarrollo no pasar谩 nada, ya que Next.js, lo habilita 煤nicamente cuando la aplicaci贸n est谩 en producci贸n
  • Solo funciona para rutas de Next.js
    • Esta funcionalidad funciona 煤nicamente con una p谩gina de Next.js
    • No funcionar谩 el prefetch en el caso de un JS, CSS o p谩ginas fuera de Next.js u otros sitios
    • Debe estar dentro de la carpeta pages
  • Prefetch de assets de la p谩gina. (No XHR)
    • El prefetch se encargar谩 de pre cargar los recursos que necesite la p谩gina para cargarse correctamente
    • Este proceso se realiza en tiempo de compilaci贸n guardando la informaci贸n necesaria en un JSON, el c贸digo JavaScript que necesita
      • Esto implica que peticiones HTTP no se cargar谩n, 煤nicamente la informaci贸n necesaria
馃搶 **RESUMEN:** `router.prefetch` precarga de forma manual una p谩gina de Next.js mejorando la velocidad de carga en el cliente, esto se realiza en tiempo de compilaci贸n guardando la informaci贸n necesaria para mostrar anticipadamente