現在自分が取り組んでいるプロジェクトでは、Next.jsとRelay Modernを採用して開発を進めています。 RelayはFacebookが開発しているGraphQLクライアントライブラリです。 Next.jsの9.3で導入されたgetStaticProps, および9.4で導入されたIncremental Static Regenerationは、Relayと非常に相性がいい、ということを説明します。 Example公式のexampleがすでにあるので見てください。 https://github.com/vercel/next.js/tree/canary/examples/with-relay-modern 以下が典型的なpagesの構成です。 pages/index.js
![Relayで見るNext.jsとSSGの未来](https://cdn-ak-scissors.b.st-hatena.com/image/square/97a1996243f883cbd534d9a6b79aca18f8b98b8f/height=288;version=1;width=512/https%3A%2F%2Fwawoon.dev%2Fnext-relay.png)