![How to configure Sub-folders with Vercel on Feather](https://cdn.feather.blog?src=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%3A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F1631a2ee-6541-4fd1-b6c5-e6268d8d6829%252F37a47a9b-69ed-4bc1-bb99-00ddb10e9023%252FFeather_(8).png%3Ftable%3Dblock%26id%3Dc16f0f2a-f3e5-4ed2-b110-d79e0475a86c%26cache%3Dv2&optimizer=image&quality=80&width=280)
Do not index
Do not index
Let’s say your main domain is
www.mydomain.com
and feather blog url is my-domain.feather.blog
and you want to host on /blog
sub-folder.To configure that, add this to your
vercel.json
. Make sure to change my-domain.feather.blog
by your Feather blog url{
"rewrites": [
{
"source": "/blog",
"destination": "https://my-domain.feather.blog/blog"
},
{
"source": "/blog/:path*",
"destination": "https://my-domain.feather.blog/blog/:path*"
},
{
"source": "/_feather",
"destination": "https://my-domain.feather.blog/_feather"
},
{
"source": "/_feather/:path*",
"destination": "https://my-domain.feather.blog/_feather/:path*"
}
],
"headers": [
{
"source": "/blog",
"headers": [
{
"key": "X-Forwarded-Host",
"value": "www.mydomain.com"
}
]
},
{
"source": "/blog/:slug*",
"headers": [
{
"key": "X-Forwarded-Host",
"value": "www.mydomain.com"
}
]
},
{
"source": "/_feather",
"headers": [
{
"key": "X-Forwarded-Host",
"value": "www.mydomain.com"
}
]
},
{
"source": "/_feather/:slug*",
"headers": [
{
"key": "X-Forwarded-Host",
"value": "www.mydomain.com"
}
]
}
]
}
By making the following change, we’re basically telling that:
”Hey Vercel, whenever a person goes to
www.mydomain.com/blog
, don’t do anything. Let feather handle it.”Once this is done, go to Feather. Navigate to Settings > Features and switch on “Enable Subdirectory” feature and after that go to Settings > Sub-folder management and enter the following values,
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy-prod%2Fblock%2F19e85047-2ab6-410f-b578-64433487195d%2F1631a2ee-6541-4fd1-b6c5-e6268d8d6829%2Fe035d350-79c9-4d65-808e-b95064c6b424%2FCleanShot_2024-06-22_at_18.05.282x.png&optimizer=image&quality=80&width=280)
Make sure to replace
www.mydomain.com
with the domain you are using and blog
with whatever sub-route you plan to use.Important Note: Under the Domains section make sure that you are using Subdomain settings. If you have added a custom domain there, please remove it. Sub-folders does not require the Custom Domain configurations and if you have it, then the sub-folder will not work.
Once you do these, your sub-folder should be live. You should be able to access your feather site on
www.mydomain.com/blog
. If it’s not reach out to us at support@feather.so.