Next.js esta "revalidar" opción de salir de la caja:
export async function getStaticProps(context) {
const data = await getData();
if (!data) {
return {
notFound: true,
};
}
return {
props: { data },
revalidate: 60,
}
}
El código anterior se asegurará de que una página se regenera después de 60 segundos desde el momento en que se solicitó la actualización de datos (primera actualización para hacer una solicitud para los nuevos datos, la segunda actualizar para actualizar la página). Esto se basa en la Incremental Estática de Regeneración, por lo que el sitio no necesita ser reconstruido.
A partir de la SWR docs:
Si la página contiene con frecuencia de actualización de los datos, y usted no necesita pre-procesamiento de los datos, SWR es un ajuste perfecto y sin instalación especial necesario: sólo tiene que importar useSWR y usa el gancho en el interior de cualquiera de los componentes que utilizan el de datos.
Así que, ¿significa que en este caso, useSWR es básicamente el mismo que el next.js "revalidar" opción? Parece estar haciendo la misma cosa, pero ¿con qué frecuencia la revalidación ocurrir a continuación? Hay alguna ventaja para el uso de uno sobre el otro?