Vercelでサブディレクトリを設定する

Vercelを使って /docs サブディレクトリでドキュメントをホストします

1

GitBook サイトの設定

GitBook の組織内で、サイドバーの docs サイト名をクリックし、次に サイトを管理、次に ドメインとリダイレクトをクリックします。［サブディレクトリ］の下で、 サブディレクトリを設定.

docs をホストしたい URL を入力します。次に、docs にアクセスするためのサブディレクトリを指定します。例: tomatopy.pizza/docsを入力し、 設定.

の下で 追加の設定、プロキシ URL が表示されます。これは次の手順で Vercel の設定を行う際に使用します。クリップボードにコピーしてください。

2

vercel.json を更新する

Vercel アプリで、 vercel.jsonファイルを開きます（まだない場合はルートディレクトリに作成してください）。その後、以下を追加します:

{
    "rewrites": [
        {
            "source": "/docs",
            "destination": "<GITBOOK から取得したプロキシ URL を挿入>"
        },
        {
            "source": "/docs/:match*",
            "destination": "<GITBOOK から取得したプロキシ URL を挿入>/:match*"
        }
    ]
}

URL を必ず更新してください 5 行目の URL を、最初の手順で GitBook から取得したプロキシ URL に置き換えます。

3

アプリを再デプロイして、試してみましょう！

更新した設定で Vercel アプリを再デプロイします。これには少し時間がかかる場合があります。これで、その URL にアクセスすると docs サイトが表示されるはずです！