Cloudflare Pages・Vercel ・Netlify ã®é•ã„や使ã„分ã‘ã‚’ã¾ã¨ã‚ã‚‹Vercel Vercelã¯Next.jsãªã‚‰ç‰¹ã«è¨å®šã—ãªãã¨ã‚‚SSRãŒã§ãる状態ã§ãƒ‡ãƒ—ãƒã‚¤ã§ãる。Nuxt.jsã ã¨ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãŒç”¨æ„ã—ã¦ã„ã‚‹builderを使ãˆã°SSR対応アプリをVercelã«ãƒ‡ãƒ—ãƒã‚¤ã§ãる。builderãŒç”¨æ„ã•ã‚Œã¦ã„ãªã„フレームワークã§SSRã‚’è¡Œã†ã«ã¯ãƒ‡ãƒ—ãƒã‚¤å‘¨ã‚Šã§é ‘張る必è¦ãŒå‡ºã¦ãる。 Vercelã§ã¯ã¡ã‚‡ã£ã¨ã—ãŸWeb APIを用æ„ã—ãŸã„ã¨ãã‚‚ã€/apiディレクトリを用æ„ã—ã¦JSファイルãªã©ã‚’ç½®ã„ã¦ãŠã‘ã°ã¾ã¨ã‚ã¦ãƒ‡ãƒ—ãƒã‚¤ã—ã¦ãれる。 Netlify サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã§å‹•ã‹ã—ãŸã„スクリプトã¯Netlify Functionsã§å‹•ã‹ã™ã“ã¨ã«ãªã‚‹ãŒã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークã”ã¨ã«ç”¨æ„ã•ã‚Œã¦ã„るプラグインを使ã†ã“ã¨ã§ã¾ã¨ã‚ã¦ãƒ‡ãƒ—ãƒã‚¤ãŒã§ããŸã‚Šã™ã‚‹ã€‚例ãˆã°netlify-plugin-nextjsを使ãˆã°Next.jsã§SSR対応ã—ãŸã‚¢ãƒ—リを動ã‹ã›ã‚‹ã£ã½ã„。ã¾ãŸnetlify.to
Next.js ã«å¯¾ã™ã‚‹ Kent C. Dodds ã®æ‰¹åˆ¤ã¨ã€Lee Robinson ã®ã‚¢ãƒ³ã‚µãƒ¼ã®è¦ç´„
ã„ã¾Next.jsã§æ–°è¦ã‚µãƒ¼ãƒ“スを立ã¡ä¸Šã’ã‚‹ã¨ãã®è¦³ç‚¹ï¼ˆRouter・CSS・èªè¨¼ãƒ»ç›£è¦–ãªã©/2023年末）
@vercel/og を使ã£ã¦ãƒ–ãƒã‚°ã«å‹•çš„ og:image 生æˆã‚’実装ã—㟠| stin's Blog
vercel/og-imageを使ã£ãŸãƒ–ãƒã‚°OGPã®ç°¡å˜è‡ªå‹•ç”Ÿæˆ - Qiita
Next.jsアプリをVercelã‹ã‚‰Google Cloudã«ç§»è¡Œã—ãŸè©±
vercelã§ã®ç’°å¢ƒå¤‰æ•°ã®æ‰±ã„ãŒä¾¿åˆ©ã«ãªã£ãŸ
Vercel ã®æ–™é‡‘形態ã¨å†…容ã«ã¤ã„ã¦ã¾ã¨ã‚㟠- 2020冬
{{#tags}}- {{label}}
{{/tags}}