Cómo actualizar una página al extraer datos de una base de datos de PostgreSQL alojada

Estoy construyendo un proyecto de react nextjs, desplegado en Vercel, que utiliza Prisma y una base de datos de postgresql alojada en Heroku. Estoy siguiendo este tutorial: https://vercel.com/guides/nextjs-prisma-postgres.

Cuando actualizo la base de datos (creando un nuevo post) NO se actualizan los posts que se muestran en la pantalla.

Lo extraño es que funciona como se espera (actualiza el feed de posts) cuando se ejecuta en “localhost”.

Actualizar la página NO actualiza los posts de la página… Pero volver a desplegar la misma compilación en vercel sí actualiza los posts de la página.

“Localhost” y la aplicación desplegada utilizan la misma instancia de la base de datos de Heroku.

Aquí está la página que lista los Posts.

“`typescript
export const getStaticProps: GetStaticProps = async () => {
const feed = await prisma.post.findMany({
include: {
author: {
select: {
name: true,
},
},
},
})
return {
props: { feed },
}
}

type Props = {
feed: PostProps[]
}

const Blog: React.FC<props> = ({ feed = [] }) => {
const router = useRouter()

const refreshData = () => {
router.replace(router.asPath)
}

useEffect(() => {
// Agregué esto para intentar refrescar la página
refreshData()
}, [])

return (
<main>
{feed.map((post) => (
<div key="{post.id}" classname="post">
<post post="{post}"></post>
</div>
))}
</main>
)
}

export default Blog
“`