Want to take a look at our new docs? Our new docs are now in beta. Have fun!

Using Nuxt with Cloudflare

In most cases, Nuxt can work with third party content that is not generated or created by Nuxt itself. But sometimes such content can cause problems, especially Cloudflare's "Minification and Security Options".

Accordingly, you should make sure that the following options are unchecked / disabled in Cloudflare. Otherwise, unnecessary re-rendering or hydration errors could impact your production application.

  1. Speed > Optimization > Auto Minify: Uncheck JavaScript, CSS and HTML
  2. Speed > Optimization > Disable "Rocket Loader™"
  3. Speed > Optimization > Disable "Mirage"
  4. Scrape Shield > Disable "Email Address Obfuscation"
  5. Scrape Shield > Disable "Server-side Excludes"

With these settings, you can be sure that Cloudflare won't inject scripts into your Nuxt application that may cause unwanted side effects.

Contributors

Contribution for this page is now closed. If you would like to contribute please check out our new docs are now in beta. Have fun!

Platinum Sponsors

Storyblok Support Us