Next.js ha questo "rinnovo" opzione out of the box:
export async function getStaticProps(context) {
const data = await getData();
if (!data) {
return {
notFound: true,
};
}
return {
props: { data },
revalidate: 60,
}
}
Il codice di cui sopra, farà in modo che una pagina è rigenerato dopo 60 secondi dal momento in cui abbiamo chiesto i dati aggiornati (primo aggiornamento per effettuare una richiesta per i nuovi dati, secondo aggiorna per aggiornare la pagina). Questo è basato sul Incrementale Statico di Rigenerazione, in modo che il sito non ha bisogno di essere ricostruito.
Dalla SWR documenti:
Se la pagina contiene frequenti aggiornamenti di dati, e non hai bisogno di il pre-rendering di dati, SWR è una misura perfetta e nessuna particolare configurazione richiesta: basta importare useSWR e utilizzare il gancio all'interno di un qualsiasi componente che utilizza il dati.
Così, vuol dire che in questo caso, useSWR è fondamentalmente lo stesso come il next.js "rinnovo" opzione? Sembra di fare la stessa cosa, ma come spesso accade il rinnovo si verificano? C'è qualche vantaggio di utilizzare uno sopra l'altro?