As you have probably read the main goal of the CloudFlare service is to cache your website static contents and to distribute those across few key locations around the world so your users can load those from the nearest location available to their own. However what happens if you would like to implement some change on those static contents. Are they automatically renewed in the cached versions of those files?
The answer is no or at least not immediately. For this reason, CloudFlare provides you with the CloudFlare Development Mode option for your domains and in the next few lines of this article, we will provide you with more information on that option.
The CloudFlare Development mode is a service which allows for the internal CloudFlare CDN service to be disabled so your static contents can be directly loaded from the web hosting server where your website is hosted at.
In simple words when you are implementing some changes to the design of your website you are usually updating the HTML, CSS and js files of the same. Since those are the so called static contents you need those to remain not cached for the period you are implementing the design changes. In order to this to happen you will need some way to disable the CDN Feature of CloudFlare. You can do that from the DNS zone for the concrete domain, however the recommended way of doing this is to simply disable the CloudFlare Development Mode for your entire website.
In order to do that you will need to login into your XeonBD’s cPanel that you wish to enable Development Mode.
Once you are at your XeonBD’s cPanel you will find the Development Mode option at your cPanel > Software > CloudFlare
NOTE: Development Mode does not clear the edge cache for your site – it simply suspends the use of it while Development Mode is enabled.