動的ルートで作成されたページにタイトルなどのメタ タグを設定できません。ページがブラウザーに読み込まれると、タイトルとメタが正しく設定されますが、wget を使用して取得した生の HTML コードには設定されません。
両方<Head>
を使用してみましたが<NextSeo>
、同じ結果が得られました。私もアプローチgetStaticProps() / getStaticPaths()
とgetServerSideProps()
アプローチの両方を試しました。
これが私のコードの簡略化されたスニペットです。
const PostPage = ( { post } ) => {
let txt = post.text || post.brief_descr;
return (
<Layout>
<NextSeo
title={post.title}
description={post.brief_descr}
/>
<h1>Hello World</h1>
</Layout>
);
};
export async function getServerSideProps ( { res, query } ) {
const p = query.params[ 0 ];
const data = await act_post_get( id, slug )();
return {
props: { post: data }
};
}