vercelでnext.jsをデプロイすると404 not foundが表示されてしまう件

経緯

以下のようなフォルダ構成のGitHubのレポジトリと連携してnext.jsで構築されたfrontendをvercelにデプロイしようとしました。
ところが、404 not foundが表示されてしまったのでその解決方法を共有いたしました。

project
 ├backend
 └frontend

解決方法

以下のように「Root Directory」で「frontend」を、「Framework Preset」で「Next.js」をそれぞれ指定します。

これでデプロイすれば成功です。
当初は「Framework Preset」でデフォルト設定の「Other」のままでデプロイしてしまっており、これが原因で404 not foundが表示されていたようです。