lilac scaffold
Hi all, i'm having a play with the new app router atm. I've used NextJS on a previous project using the page router. I'm having some issues with ISR on the new app router. Building the app locally for production and running I can see the time here never updates. I'm probably misunderstanding something, how do we invalidate a server component here?
import Link from 'next/link'
interface User {
id: number
name: string
}
export const revalidate = 10
export default async function UsersPage() {
const response = await fetch('https://jsonplaceholder.typicode.com/users', {
//cache: 'no-store',
next: {
revalidate: 10,
},
})
const users: User[] = await response.json()
return (
<main>
<h1 className={'text-xl'}>Users</h1>
<p>{new Date().toLocaleTimeString()}</p>
<ul>
{users.map((user) => (
<li key={user.id}>{user.name}</li>
))}
</ul>
<br />
<Link className={'text-xl'} href={'/'}>
Home
</Link>
</main>
)
}
jovial lily
radiant harbor
ivory nimbus
supple sundial