How to configure Sub-folders with Vercel on Feather

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,

💡

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.