Vercelでのデプロイ記録

モノレポ構成のアプリで、フロントエンドをVercelでデプロイしました。
AWSに比べたらめちゃくちゃ簡単でしたが、参考にした記事をまとめておきます。
フロントエンドの開発環境はReact×Viteです。

ハマったところ

開発環境では画像が表示されるのに本番環境では表示されない事象が発生。

vercel.jsonでにimagesへのルーティングに関する記述を追加したところ、無事に表示された。

{
  "routes": [
    {
      "src": "/images/(.*)",
      "dest": "/images/$1"
    },
    {
      "src": "/assets/(.*)",
      "dest": "/assets/$1"
    },
    {
      "src": "/(.*)",
      "dest": "/index.html"
    }
  ]
}

下記の記事はpublicフォルダにimageを保管する方法。