Heyoo, in nextJS, how can I have a page that is Server side that gets a certain number of data in the database? But when I upload it into production, when I add a new one, and refresh it, it's not showing. What seems to be the problem in that? I can show you the code here : (I guess what I'm looking for is an equivalent of getServerSideProps)

import Page from "@/components/Page"
import { ProjectsRecord, XataClient } from "@/xata"
import Image from "next/image"
import Link from "next/link"
import React from "react"
const page = async () => {
  const xata = new XataClient()
  const projects = await xata.db.Projects.getAll() // this just returns around 2-5 if that matters.
  return (
    <Page className="flex-col !overflow-auto">
      <div>
      <div className="flex w-full flex-wrap justify-evenly">
        {projects.map((project: ProjectsRecord) => {
          if (!project.projectName) return
        return //the html elements here. 
        })}
      </div>
    </Page>
  )
}

export default page