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

{% stepper %}
{% step %}

### GitBook サイトの設定

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

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

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

{% step %}

### vercel.json を更新する

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

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

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

{% step %}

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

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