Next.jsã®API Routesã‚’ä¸é–“APIã¨ã—ã¦ä½¿ã†æ–¹æ³•å…¨ä½“ã®æ¦‚è¦ åŸºæœ¬çš„ãªAPIçµåˆ 基本的ã«ã¯ãƒ•ãƒãƒ³ãƒˆ(Next.js)ã‹ã‚‰axiosç‰ã‚’利用ã—ã¦ã€ã‚µãƒ¼ãƒãƒ¼å´ã®APIエンドãƒã‚¤ãƒ³ãƒˆã«å¯¾ã—ã¦ç›´æŽ¥ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’é€ã‚‹æ§‹æˆã‹ã¨æ€ã„ã¾ã™ã€‚ 今回紹介ã™ã‚‹Next.jsã®API Routesã‚’ä¸é–“APIã¨ã—ã¦æŒŸã‚“ã å ´åˆ ä»Šå›žç´¹ä»‹ã™ã‚‹æ§‹æˆã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®æ§‹æˆã«ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã¯å¾Œã®ç« ã§è§£èª¬ã‚’ã—ã¦ã„ãã¾ã™ã€‚ ã“ã®è¨˜äº‹ã®å¯¾è±¡è€… フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰åˆç´šè€…ã‹ã‚‰ä¸ç´šè€… Next.jsã®API Routesã®åŸºæœ¬ã‚’å¦ã³ãŸã„人 ã‚»ã‚ュリティーを考慮ã—ãŸAPI通信手法ã«ã¤ã„ã¦çŸ¥ã‚ŠãŸã„人 Next.jsã®API Routesã‚’ä¸é–“APIã¨ã—ã¦æŒŸã‚€ãƒ¡ãƒªãƒƒãƒˆ ã‚»ã‚ュリティーãŒå¼·åŒ–ã§ãã‚‹ ãƒã‚°ã®ç®¡ç†ãŒã§ãã‚‹ APIエンドãƒã‚¤ãƒ³ãƒˆã®æŠ½è±¡åŒ– ã‚»ã‚ュリティーãŒå¼·åŒ–ã§ãã‚‹ Next API Routesã‚’ä¸é–“APIã¨ã—ã¦æŒŸã‚€ã“ã¨ã§ã€å¤–部ã‹ã‚‰ç›´æŽ¥æœ¬ä½“ã®APIã«ã‚¢ã‚¯ã‚»ã‚¹ã•
メルカリ Shops ã§ã® NestJS を使ã£ãŸ GraphQL Server ã®å®Ÿè£… | メルカリエンジニアリング
GraphQLãŒè§£æ±ºã™ã‚‹å•é¡Œã¨ãã®å…ˆã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹
Next.js + NestJS + GraphQLã§å¤‰åŒ–ã«è¿½å¾“ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¸ 〜 ショッピングクーãƒãƒ³ã®äº‹ä¾‹ç´¹ä»‹
SSR / SSGã®ç†è§£ã‚’一段深ã¼ã‚‹: BFFアーã‚テクãƒãƒ£
BFF（Backends For Frontends）ã®5ã¤ã®ä¾¿åˆ©ãªãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹
LINE and BFF - Speaker Deck
{{#tags}}- {{label}}
{{/tags}}