Next.jsアプリをVercelã‹ã‚‰Google Cloudã«ç§»è¡Œã—ãŸè©±Zennã§ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«Next.jsを使ã£ã¦ã„ã¾ã™ã€‚ã‚‚ã¨ã‚‚ã¨ã¯Vercelã§å‹•ã‹ã—ã¦ã„ãŸã®ã§ã™ãŒã€2021å¹´3月ã«Google Cloudã«ç§»è¡Œã—ã¾ã—ãŸã€‚今回ã¯ç§»è¡Œã‚’決ã‚ãŸç†ç”±ã‚„ã€å…·ä½“çš„ãªæ§‹æˆã€ç§»è¡Œä½œæ¥ãªã©ã«ã¤ã„ã¦æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãœç§»è¡Œã—ãŸã®ã‹ Next.jsã®ãƒ‡ãƒ—ãƒã‚¤å…ˆã¨ã—ã¦Vercelã¯åœ§å€’çš„ã«å„ªã‚Œã¦ã„ã¾ã™ã€‚ISRã‚„Image Optimizationã¨ã„ã£ãŸNext.jsã®å¼·åŠ›ãªæ©Ÿèƒ½ã‚’サーãƒãƒ¼å´ã®è¿½åŠ è¨å®šãªã—ã§ä½¿ç”¨ã§ãã¾ã™ã—ã€CDNã§ã®é™çš„ファイルã®ã‚ャッシュãªã©ã‚‚特ã«æ„è˜ã—ãªãã¦ã‚‚ã„ã„æ„Ÿã˜ã«ã‚„ã£ã¦ãã‚Œã¾ã™ã€‚ Vercel以外ã«ãƒ‡ãƒ—ãƒã‚¤ã™ã‚‹ã¨ãªã‚‹ã¨ã€Next.jsã®ä¸€éƒ¨ã®æ©Ÿèƒ½ãŒã†ã¾ãå‹•ã‹ãªã‹ã£ãŸã‚Šã€ãƒ‘フォーマンス・ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’自分ã§é ‘張る必è¦ãŒã‚ã£ãŸã‚Šã¨è‡ªåˆ†ã§é¢å€’を見ãªã‘ã‚Œã°ãªã‚‰ãªã„部分ãŒå¤šããªã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€Zennã®ã‚±ãƒ¼ã‚¹ã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªç†ç”±ã‹ã‚‰Vercelã‹ã‚‰
GCPã§æ°¸ä¹…ç„¡æ–™æž ã‚’åˆ©ç”¨ã—ã¦ã‚µãƒ¼ãƒ“スを立ã¡ä¸Šã’ãŸã¨ãã«ã—ãŸã“ã¨ã®å‚™å¿˜éŒ² - Qiita
{{#tags}}- {{label}}
{{/tags}}