I am feeling very dense, but I'm trying to figure out how to make a page that is rendered on the server and cached, but only after deployment. I 100% rely on data from a headless system that is only available on the server after deployment, so I don't want SSG to get a copy of my local data for example and deploy it.

I read, or tried to read, https://nextjs.org/docs/app/building-your-application/upgrading/app-router-migration#static-site-generation-getstaticprops but I'm still confused / uncertain.

There seems to be some magic happening that is triggered when you're using various functions and things, but it's not clear to me.

Here is a very simple example, a simplified version of my /src/app/page.tsx "homepage":

const getBlockContent = async (code: string): Promise<Content | null> => {
  const client = createClient();
  // makes a request to backend resources, doesn't work client side
  const result = await getContentByCode(client, ContentType.BLOCK, code);
  return result;
};

export default async function Home(): Promise<JSX.Element> {
  return (
    <div>
        <div className="blog-content">
          <Block content={await getBlockContent("home-page-top")} />
        </div>
    </div>
  );
}