Netlifyへのデプロイ時のPage Not Found

解決したいこと

お力を貸していただければ非常に助かります。
公式からクローンしたLiffスターターアプリのプロジェクトをNuxt.jsを使用してNetlifyへデプロイ後のPage Not Found
ターミナルやNetlifyのコンソールでもエラーが出ていないのでどこが問題なのかがわかりません泣

環境

• node -v
  v16.13.1
• yarn -v
  1.22.21
• netlify(Homebrewでインストール)
  netlify-cli/17.15.3 darwin-x64 node-v16.13.1

LINE Developersのアカウント、Netlifyのアカウントは作成済み

発生している問題・エラー

Lineミニアプリの開発環境作成のために以下を参考に作業を進めていました。

以下のリポジトリからクローン
https://github.com/line/line-liff-v2-starter.git

line-liff-v2-starter/src/nuxtjs/ で

npm run install
npm run dev

ローカルでは問題なく表示されていました。

Homebrewでnetlifyをインストール

ターミナルでnetlify loginコマンドを実行すると EACCES: permission denied アクセス権限エラーが出たのでnetlifyコマンドは全てsudoで行っています。

npm run build の後、netlify.tomlと同階層のディレクトリで sudo netlify deploy するとエラーが出たのでnetlify.tomlを以下のように修正しました。

Error: No such directory /Users/（ユーザー名）/line-miniapp/line-liff-v2-starter/src/vanilla/dist! Did you forget to run a build?

[build]
  command = "cd src/nuxtjs && yarn install && yarn build"
  publish = "src/nuxtjs/.nuxt/dist"

[template.environment]
  LIFF_ID = "Your LIFF ID which is aquired from LINE Dev Center"

もう一度デプロイするとWebsite draft URLが表示されたのでアクセスしてみるとPage　Not　Foundと表示されてしまいます。

自分で試したこと

• NetlifyとGitHubのアカウントを連携してリモートからデプロイ
  →ローカルからデプロイした時と全く同じです泣
• netlify.tomlの修正

  [build]
    command = "cd src/nuxtjs && yarn install && yarn build"
  

  ↓

  [build]
    command = "cd src/nuxtjs && npm install && npm run build"
  

  だめでした