如何将 getInitialProps 替换为 getStaticProps 用于 seo 处理和 props

问：

• 我试图用 getStaticProps（） 替换 getInitialPropss（），但我无法做到这一点，我们只能在一个文件中使用 1 个函数
• 此外，通过使用 getStaticProps，SEO 处理和普通道具都应该可以工作

index.tsx （英语）

const homePage: NextPage = () => {
    return (
        <>
            //jsx code
        </>
    );
};

homePage.getInitialProps = async () => ({
    pageProps: {
        pageName:
            "abc",
        pageDescription: dataPageDescription.home,
        pageClassName: "home",
        mobileHeaderTitle: MobileMenuPageTitleEnum.home
    }
});

// export const getStaticProps = async () => {
//     const pageProps = {
//         pageName:
//             "abc",
//         pageDescription: dataPageDescription.home,
//         pageClassName: "home",
//         mobileHeaderTitle: MobileMenuPageTitleEnum.home
//     };
//     const data = await request(homePage);
//     return { props: { data, pageProps } };
// };

export default homePage;

_app.tsx

function Website({ Component, pageProps }: AppProps) {
    const currentProps = {
        ...pageProps
    };
//rest code

如何将 getInitialProps（） 替换为 getStaticProps（）？

任何建议都会有所帮助。