AWS上ã®Next.js App Routerã¨CDNã‚ャッシュ利用ã®èª²é¡Œã¨è§£æ±ºç– - Findy Tech Blogã“ã‚“ã«ã¡ã¯ã€‚ Findy Toolsã®é–‹ç™ºã‚’ã—ã¦ã„ã‚‹æž—ã§ã™ã€‚ ç§ãŸã¡ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã«Next.js App Routerを使ã£ã¦ãŠã‚Šã€AWSã®ECSã¸ãƒ‡ãƒ—ãƒã‚¤ã—ã¦é‹ç”¨ã—ã¦ã„ã¾ã™ã€‚ ãã—ã¦ã€ä¸€éƒ¨ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®å‡¦ç†ãŒé‡ã„ページã®ã‚ャッシュを実装ã™ã‚‹éš›ã«ã€ç›´é¢ã—ãŸèª²é¡Œã¨è§£æ±ºç–を紹介ã—ã¾ã™ã€‚ Next.jsã®ã‚ャッシュ機構ã«ã¤ã„㦠今回実ç¾ã—ãŸã„ã“㨠課題ã¨è§£æ±ºç– 課題1: Next.jsã®æ©Ÿèƒ½ã§ã¯è¦ä»¶ã«åˆã‚ãªã„ 解決ç–1: CloudFrontã®ã¿ã§ã‚ャッシュ 課題2: エラーページãŒã‚ャッシュã•ã‚Œã‚‹ 解決ç–2: Lambda@Edgeを用ã„ãŸCache-Controlヘッダー制御 ã¾ã¨ã‚ Next.jsã®ã‚ャッシュ機構ã«ã¤ã„㦠ã¾ãšã€Next.jsã®ã‚ャッシュ機構ã«ã¤ã„ã¦ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ Next.jsã§ã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ä½¿ãˆã‚‹ã‚ャッシュ機構ãŒæ¬¡ã®3種類ã‚ã‚Š
{{#tags}}- {{label}}
{{/tags}}