I try to implement getStaticProps into my page, but somehow the function doesn't get called.

I have the following setup:

page.tsx:

import Image from "next/image";
import styles from "./page.module.css";
import { FiPhone } from "react-icons/fi";
import { MdOutlineLocationOn } from "react-icons/Md";
import { getMenu } from "../lib/menu";

interface Menu {
  hello: string;
}

export interface Props {
  menu: Menu;
}

export default function Home(props: Props) {
  console.log(props.menu);

  return (
    <main className={styles.main}>
      <section className={styles.header}>
      </section>
      <section className={styles.menu}>
        <h2>Speisekarte</h2>
      </section>
    </main>
  );
}

export async function getStaticProps() {
  console.log("GetStaticProps");
  const menu = getMenu();
  return {
    props: {
      menu,
    },
  };
}

Why doens't get getStaticProps called?