Incremental Static Regeneration in Next.js

ISR.tsx

import React from 'react'
import TimeCard from './TimeCard'

async function getDateTime() {
  const res = await fetch(`https://worldtimeapi.org/api/ip`, { next: { revalidate: 20 } })
  return res.json()
}

export default async function ISR() {
  const result = await getDateTime()
  const dateTime = result.datetime
  return (
    <div>
      <TimeCard title="Incremenral Static Regeneration" timestamp={dateTime} description="This timestamp generated inside the server and it regenerating this component in each 20 seconds. Refresh the page in each 20 seconds for see the change"/>
    </div>
  )
}