Next.js 13 で出力した静的HTMLで外部CSSやJSのリンクに "/" が入ってしまうのを除去したい。

Question

実現したいこと

Next.js 13 の npm run build コマンドで静的HTMLを書き出した際、外部CSSやJSのリンクパスの先頭に "/" が入ってしまうのを削除したいです。

（例）
このように書き出されてしまうのを、

<link rel="stylesheet" href="/_next/static/css/746c22123a672a83.css" />
<link rel="preload" href="/_next/static/chunks/webpack-12345.js" />

このようにすることが目的です。

<link rel="stylesheet" href="_next/static/css/746c22123a672a83.css" />
<link rel="preload" href="_next/static/chunks/webpack-12345.js" />

前提

Next.js 13 でWebサイトを制作しており、静的HTMLを出力して最終的に AWS の S3 で公開することが目的です。

そこで npm run build コマンドで静的HTMLを書き出したのですが、前述のように link href="" のファイルパスの先頭に "/" が入ってしまうため、外部CSSやJSが読み込まれない状態で書き出されてしまいます。

HTMLファイルを手動で編集して、先頭の "/" を削除すれば解決するのですが、このような手動対応でなく、npm run build コマンドでの書き出し時点でファイルパス先頭の "/" を除去したいと考えています。

試したこと

Next.js のドキュメントやブログ等を調べ、Next.js プロジェクトの設定ファイルを以下のように設定しましたが解決できません。

next.cofig.js の記述

const nextConfig = {
    output: 'export',
    assetPrefix: '',
    basePath: '',
    reactStrictMode: true,
    trailingSlash: true,
  }

package.json の記述

  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },

初歩的な質問で恐縮ですが、もし知見をお持ちの方がいらっしゃいましたら、お知恵をお借りできますと幸いです。
よろしくお願いいたします。

Answer 1

すみません、自己解決しました。
S3 の公開バケットにアップロードする際、サブディレクトリにアップロードしていたためうまく表示されませんでしたが、公開バケットのルートにアップロードしたら正常に表示できました。