NitroPack is compatible with CloudFlare, but you need to apply a few settings.

Step 1 - Linking NitroPack with CloudFlare

Do this if you want to synchronize the NitroPack cache and the CloudFlare cache:

1. Go to https://nitropack.io and log in.

2. Go to https://nitropack.io/user/settings and go to the section Integrations.

3. Enable the CloudFlare option and insert your CloudFlare account e-mail address and CloudFlare Global API Key:

4. Finally, click Save


Note: To find your correct API key, follow the instructions here:
https://support.cloudflare.com/hc/en-us/articles/200167836-Where-do-I-find-my-Cloudflare-API-key-#12345682

Step 2 - Disable Mirage & Rocket Loader™

Once you connect NitroPack to CloudFlare, NitroPack will automatically disable the features Mirage and Rocket Loader™ to ensure everything is working smoothly.

Mirage and Rocket Loader™ must remain disabled, as these are features that clash with NitroPack. To disable them manually:

  1. Go to your CloudFlare dashboard: https://dash.cloudflare.com/
  2. Select your website, and go to Speed > Optimization
  3. Disable Mirage
  4. Disable Rocket Loader™

Step 3 - Modify Page Rules

If you don't have any Page Rules configured in CloudFlare, skip this step.

In case you have any existing CloudFlare Page Rules, follow the instructions here to configure them. To find the CloudFlare Page Rules:

  1. Go to your CloudFlare dashboard: https://dash.cloudflare.com/
  2. Find Page Rules in the main menu

Ensure all your Page Rules meet the criteria below:

Edit Edge Cache TTL rules

In all Page Rules that contain Edge Cache TTL, remove Edge Cache TTL, or set Edge Cache TTL to 0.

Remove Rocket Loader™ rules

Remove all Page Rules that enable Rocket Loader™

Remove Mirage rules

Remove all Page Rules that enable Mirage


That's all!

Did this answer your question?