20210322-NextJS SSG導入
20210322
最近NextJSを真面目に勉強しています.
簡単に使うだけでなく、なぜSSRやSSGを使うのか、どうすれば効率よく使えるのかなど.
今日初めて会社のプロジェクト詳細ページにSSGを適用しました.
最大の話題は既存のappです.tsx getInitialiPropsではSSRを使用してログインし、SSGページではSSRを実行しません.
うん...このため、SSGページがリフレッシュされるとログインは解除されます.
クライアントログインの方法は解決されたが、express-sessionでhttp-onlyがクライアントからaccess tokenを取得できないため、不要なapi呼び出しが発生した.(access tokenが存在する場合にのみログインapiを呼び出す...解決方法は誰が知っていますか?)
関連書類をもっと探して、最も効果的な方法で導入しなければなりません.
最近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を呼び出す...解決方法は誰が知っていますか?)
関連書類をもっと探して、最も効果的な方法で導入しなければなりません.
Reference
この問題について(20210322-NextJS SSG導入), 我々は、より多くの情報をここで見つけました https://velog.io/@developer_key/20210322-NextJS-SSG-도입テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol