Next.jsでSSRを限界まで簡単に実現する

2021/09/24 13 users SSR getStaticProps Next.js 限界

１．getInitialPropsの終焉 1.1. Next.jsではgetInitialPropsのSSRが終わったことにされている Next.jsの9.3以降、getStaticPropsやgetServerSidePropsが登場し、現在ではgetInitialPropsを使ったSSRが終焉を迎えたかのような風潮となっています。しかしgetStaticPropsとgetServerSidePropsは、実際の所で大きな欠点を抱... 続きを読む

Next.js の状態管理 2020

2020/10/30 184 users Next.js 状態管理 SSG JamStack 花形

Next.js といえば、SSG（JAMstack）が最近は特に花形ですね。1年前まではgetInitialPropsを用いて、どう SSR するのかという事が関心ごとの中心でした。Next.js 9.3 以降、SSR をする際にはgetInitialPropsではなく、getServerSidePropsを使用することが推奨されています。getStaticPropsやgetServerSidePropsを利用する... 続きを読む

Suspense for Data Fetch の SSR時のデータローディングを先取りして実装する - Qiita

2019/04/03 12 users Qiita mizchi-sandbox Apollo 実装

この記事は react-apollo-hooks から apollo(graphql) 非依存の部分を理解して抜き出した記事です。 実装は https://github.com/mizchi-sandbox/ssr-data-fetch にあります。 何がしたいか next.js のgetInitialProps のように、SSR時にデータを解決する仕組みを自分で実装します。 React for Data Fetch React.lazy と ... 続きを読む