Subfolder hosting with Typeflo

Create an account in Cloudflare

Enter your domain that you want to migrate to Cloudflare & click "Continue"

Once the above step is done, scroll down to the bottom of the page, Select "Free" plan & Click "Continue"

Update the namservers assigned by Cloudflare in your domain name registrar dashboard such as Porkbun, Google Domains, Godaddy, etc

The below steps are optional which can be enabled for better perfomance and security

Navigate to your Typeflo dashboard and click on "Settings"

Click on "Link Custom Domain" Button

Select the type as "Subfolder" and enter the complete URL with the subfolder slug.

Choose the domain which you linked on your Typeflo Dashboard

Click on "SSL/TLS"

Click on "Overview" and then click on "Configure"

Under Custom SSL/TLS, click "Select"

Now select the SSL/TLS encryption mode from "Flexible" to "Full" and click on "Save"

Next, click on "Records" under "DNS"

Find the "A" record with "Name" as your domain address & Click on "Edit"

Toggle the Proxy status to "On" and click "Save"

Click on "Workers Routes" and then click on "Manage Workers"

Click on "Create"

Click on "Create Worker"

Provide the name of your choice (or use the default one) and then click on "Deploy" on the bottom right of your screen.

Once deployed. You will get the below screen. Click on "Edit code"

Go back to the Typeflo Dashboard, from the General Settings click on "Code"

Copy the displayed code

Go back to Cloudflare. Remove all the existing code & paste the copied code from Typeflo Dashboard. Then click on "Deploy"

Go back to the Workers home page and click on "Settings"

In Domains & Routes, click "+ Add"

Select "Route" from the option

1. Select the Zone to your linked domain address with Typeflo

2. Add the Route as yourdomain.com/subfolder*. yourdomain.com is your website's domain URL. Please do not enter "https://" in the URL. If your main website's path contains www, enter the route as www.yourdomain.com/subfolder*

3. Then select the Failure mode to "Fail closed (block)"

Once the 1st route is added, you need to add another Route for the CSS & Javascript of your Typeflo website to work. So, click on "+ Add" again and then select "Route" from the option

Select the Zone to your linked domain address with Typeflo Now add the Route as yourdomain.com/_next*. yourdomain.com is your website's domain URL. Please do not enter "https://" in the URL. In case your main website's path starts with www, please enter the url as www.yourdomain.com/_next* And then select the Failure mode to "Fail closed (block)"

Once added wait for 1-2 min & visit your domain with subfolder or you can simply go to Typeflo Dashboard & click "View Blog"