Real World GraphQL on Next.js SSRtl;drNext.jsã¯v9.3.0以é™Initial Loadingã®æ‰±ã„ãŒå¤‰ã‚ã£ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ã¯Apolloを利用ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ãŒã€Authorization Headerã‚’è¨å®šã™ã‚‹ãªã‚‰ä¸€å·¥å¤«å¿…è¦SSR時ã«ã¯fetchã«ã‚ˆã‚‹ã‚·ãƒ³ãƒ—ルãªAPIリクエストをã™ã‚‹ã¨è‰¯ã„昨今ã®Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ˜¨ä»Šã®Web開発ã«ãŠã„ã¦ã€Reactã€TypeScriptã¨ã‹ã®ãƒ™ãƒ¼ã‚¹çŸ¥è˜ã¯å½“然ã¨ã—ã¦ã€ã‚„ã¯ã‚ŠNext.js(ã‚ã‚‹ã„ã¯Nuxt.js)ã®ã‚ˆã†ãªã€SPA/SSR両方ã®ãƒ‹ãƒ¼ã‚ºã‚’æ±²ã¿å–ã‚ŠãªãŒã‚‰ã€dynamic routingã‚’æä¾›ã—ã¦ãã‚ŒãŸã‚Šã€ãƒ“ルド環境を高速ã«æ•´å‚™ã—ã¦ãれるフレームワークãŒé‡å®ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¦ã„ã‚‹ã¨æ„Ÿã˜ã¾ã™ã€‚ ã¾ãŸã€Reduxもアリã§ã™ãŒã€ã‚¹ã‚ーマ駆動開発ãŒæŽ¨é€²ã§ãã‚‹GraphQLã€ç‰¹ã«å°‹å¸¸ã˜ã‚ƒãªãステート管ç†ãŒç”¨æ„ã«ãªã‚‹Hooksã¨Apolloクライアントã®çµ„ã¿åˆã‚ã›ã¯ã€ãƒ•ãƒ
Next.js 9.3æ–°API getStaticProps 㨠getStaticPaths 㨠getServerSideProps ã®æ¦‚è¦è§£èª¬ - Qiita
<btn open />
{{#tags}}- {{label}}
{{/tags}}