reactjs - Prismic および Server Side Rendering を使用して動的 URL を受信およびマッピングする方法

Question

Prismic API をコンテンツ ソースとして使用し、Create Next App with SSR を使用するアプリがあります。ダイナミック ルートを作成しようとしていて、レンガの壁にぶつかっています。シングルトンルートは問題ありませんでしたが、動的にルートを作成しようとすると、私はそれを理解できないようです.

小道具を受け取るのを待つ私のコンポーネント

class AboutPage extends React.Component {
  static async getInitialProps(context) {
    const { slug } = context.query;
    const response = await getAboutPage(slug);
    return {
      doc: response,
      slices: response.results[0].data.body,
      data: response.results[0].data,
    };
  }

UID に基づいてページ データを取得しようとするクエリ:

const getAboutPage = slug => {
  try {
    const API = Prismic.api(PRISMIC_API_URL);
    const response = API.query([
      Prismic.Predicates.at('document.tags', [SOURCE]),
      Prismic.Predicates.at('my.about_page.uid', slug),
    ]);
    return response;
  } catch (error) {
    return error;
  }
};

私の Prismic Link Resolver ですが、これが関連しているかどうかはわかりません

function linkResolver(doc) {
  if (doc.type === 'home_page') return `/`;
  if (doc.type === 'pricing_page') return `/pricing`;
  if (doc.type === 'service_page') return `/services/${doc.uid}`;
  if (doc.type === 'about_page') return `/${doc.uid}`;
  if (doc.type === 'resource_page') return `/resources/${doc.uid}`;
  return '/';
}