ã¼ãã®ã‹ã‚“ãŒãˆãŸã•ã„ãょã†ã®ãƒ‡ãƒ¼ã‚¿ãƒ•ã‚§ãƒƒãƒ 2021SummerðŸ„â€â™‚ï¸ã€Next.js / Hasura】フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¢ãƒ—リケーションã®é–‹ç™ºã‚’è¡Œã†ä¸Šã§é¿ã‘ã¦ã¯é€šã‚Œãªã„データフェッãƒã®å®Ÿè£…。 REST APIを使ã†ã‹ã€GraphQLを使ã†ã‹ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚ャッシュã™ã‚‹ã‹ã€APIレスãƒãƒ³ã‚¹ã«ã©ã®ã‚ˆã†ã«ã—ã¦åž‹ã‚’付ã‘ã‚‹ã‹ã€çŠ¶æ…‹ç®¡ç†ã¯ã©ã†ã™ã‚‹ã®ã‹ãªã©ã€é–‹ç™ºè€…ã®æ‚©ã¿ãŒå°½ããªã„ã‘ã‚Œã©ã‚‚ã€ãã‚Œã«é–¢ã—ã¦ã®è¨è¨ˆã‚’考ãˆãŸã‚Šè°è«–ã‚’è¡Œã†ã®ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®æ¥½ã—ã„ãƒã‚¤ãƒ³ãƒˆã ã¨åƒ•ã¯æ€ã£ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã«Hasuraã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«Next.jsを使用ã™ã‚‹å ´åˆã«åƒ•ãŒæœ€å¼·ã ã¨æ„Ÿã˜ãŸãƒ„ールã®çµ„ã¿åˆã‚ã›ãƒ»ä½¿ã„方を紹介ã—ã¾ã™ã€‚ モãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ APIã‹ã‚‰ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã«ã¯TypeScriptã®åž‹ãŒå‹æ‰‹ã«ã¤ã„ã¦ãã¦ã»ã—ã„。asã§åž‹ã‚¢ã‚µãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã®ã¯ã‚„ã‚ŠãŸããªã„。 クライアントã§ã‚‚サーãƒãƒ¼ï¼ˆSSR）ã§ã‚‚データフェッãƒã®æ–¹æ³•ãŒåŒã˜ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã§æä¾›ã•ã‚Œã¦ã»ã—ã„。 クライアントã§APIレスãƒãƒ³ã‚¹ã‚’ã‚ャッシ
「GraphQLã€å¾¹åº•å…¥é–€ ─ RESTã¨ã®æ¯”較ã€API・フãƒãƒ³ãƒˆåŒæ–¹ã®å®Ÿè£…ã‹ã‚‰å¦ã¶ï½œãƒã‚¤ã‚¯ãƒ©ã‚¹è»¢è·ãƒ»æ±‚äººæƒ…å ±ã‚µã‚¤ãƒˆ AMBI（アンビ）
{{#tags}}- {{label}}
{{/tags}}