Mi código en el servidor de desarrollo
function Home(props) { console.log("Hello") return ( <ul> {props.user.map((user) => ( <li key={user.id}>{user.email}</li> ))} </ul> ) } export default Home export async function getStaticProps() { const res = await fetch('https://jsonplaceholder.typicode.com/users') const data = await res.json() return { props: { user: data, }, revalidate: 10, } }Luego ejecuto npm run build e inicio el servidor real con npm run start
Ahora, si cambio mi JSX de
<li key={user.id}>{user.email}</li>a
<li key={user.id}>{user.username}</li>Y espere un momento, luego la página aún se ve como antes, nada ha cambiado -> Todavía muestra user.email y no user.username
Tienes que volver a cargar tu página para ver tus cambios, porque Next js almacena en caché HTML en el servidor y no mostrará los datos nuevos al usuario tan pronto como se actualice.