2023-10-11

JavaScript

【Next.js】next/imageで画像を最適化する

こんにちは、かつコーチです。前回はVercelへのデプロイ方法を解説し、アプリを実際に公開できるようになりました。公開したアプリが実際にユーザーに使われ始めると、次に気になってくるのが表示速度です。特に画像は、対策をしないままだとページ全体...
JavaScript

【Next.js】Next.jsアプリをVercelにデプロイする方法

こんにちは、かつコーチです。前回はVitestとPlaywrightを使って、Next.jsアプリにテストを導入する方法を解説しました。認証もテストも整ったので、今回はいよいよアプリを実際に世界へ公開するステップに進みます。使うのはVerc...