20210322-NextJS SSG導入


20210322
最近NextJSを真面目に勉強しています.
簡単に使うだけでなく、なぜSSRやSSGを使うのか、どうすれば効率よく使えるのかなど.
今日初めて会社のプロジェクト詳細ページにSSGを適用しました.
export const getStaticPaths = async () => {
  return {
    paths: [{ params: { id: '16' } }],
    fallback: true,
  };
};
構築時には、良い/event/16 HTMLファイルとJSONファイルが生成され、ダイナミックルーティングではparamsに設定する必要はなく、初期リクエスト時にも良いHTML、JSONが生成されます.SSGの驚くべきスピードに感嘆し、その不足点を確認した.
最大の話題は既存のappです.tsx getInitialiPropsではSSRを使用してログインし、SSGページではSSRを実行しません.
うん...このため、SSGページがリフレッシュされるとログインは解除されます.
クライアントログインの方法は解決されたが、express-sessionでhttp-onlyがクライアントからaccess tokenを取得できないため、不要なapi呼び出しが発生した.(access tokenが存在する場合にのみログインapiを呼び出す...解決方法は誰が知っていますか?)
関連書類をもっと探して、最も効果的な方法で導入しなければなりません.