Next.js are acest "revalidare" opțiune din cutie:
export async function getStaticProps(context) {
const data = await getData();
if (!data) {
return {
notFound: true,
};
}
return {
props: { data },
revalidate: 60,
}
}
Codul de mai sus va asigurați-vă că o pagină este regenerat după 60 de secunde din momentul în care am solicitat date actualizate (primul refresh pentru a face o cerere pentru noile date, al doilea refresh pentru a actualiza pagina). Acest lucru se bazează pe cele Elementare Static de Regenerare, astfel încât site-ul nu are nevoie să fie reconstruit.
Din SWR docs:
Dacă pagina conține frecvent actualizarea datelor, și nu trebuie să pre-randarea datelor, SWR este o potrivire perfectă și nici o configurare necesare: doar importa useSWR și de a folosi cârligul în interiorul orice componente care folosesc date.
Deci, înseamnă că, în acest caz, useSWR este în esență același ca next.js "revalidare" opțiune? Se pare că pentru a face același lucru, dar cât de des se revalidarea apar atunci? Există vreun avantaj folosind una peste alta?