Next.js a cette "revalider" option de la boîte:
export async function getStaticProps(context) {
const data = await getData();
if (!data) {
return {
notFound: true,
};
}
return {
props: { data },
revalidate: 60,
}
}
Le code ci-dessus assurez-vous que la page est régénérée après 60 secondes à partir du moment où nous avons demandé la mise à jour des données (de la première actualisation de faire une demande pour les nouvelles données, deuxième actualiser pour mettre à jour la page). Ceci est basé sur les Différentiels Statique de la Régénération, de sorte que le site n'a pas besoin d'être reconstruit.
À partir de la SWR docs:
Si votre page contient souvent des données mises à jour, et vous n'avez pas besoin de pré-rendu des données, SWR est un ajustement parfait et aucune installation nécessaire: il suffit d'importer useSWR et utiliser le crochet à l'intérieur des composants qui utilisent la les données.
Donc, ça veut dire que dans ce cas, useSWR est essentiellement la même que la next.js "revalider" option? Il semble faire la même chose, mais combien de fois ne la revalidation se produisent, alors? Est-il un avantage à l'aide de l'un sur l'autre?