Nuxt 3 is coming.. Discover more about it here!

Docs Examples Resources Blog Video courses
  • English
  • Français
  • Routing
    • Hello World
    • Active Link Classes
    • Dynamic Pages
    • Nested Pages
  • Data Fetching
  • Assets Management
  • Transitions
  • Seo
  • Loading
    • Customize Nuxt Loading
    • Customize Nuxt Loading Indicator
    • Custom Loading Component
  • Miscellaneous
  • Middlewares
  • Plugins
  • Modules
  • English
  • Français
  • Routing
    • Hello World
    • Active Link Classes
    • Dynamic Pages
    • Nested Pages
  • Data Fetching
  • Assets Management
  • Transitions
  • Seo
  • Loading
    • Customize Nuxt Loading
    • Customize Nuxt Loading Indicator
    • Custom Loading Component
  • Miscellaneous
  • Middlewares
  • Plugins
  • Modules

Customize Nuxt Loading Indicator

Customize the Nuxt Loading Indicator for when ssr is set to false


In this example:

nuxt.config.js contains:

  • ssr: false so we only have client side rendering
  • loadingIndicator property to modify the default spinner
Learn more in the Features book in the Loading chapter.
Loading Sandbox...
Edit this page on GitHub Updated at Mon, Jul 12, 2021

Loading Customize Nuxt Loading
Loading Custom Loading Component

Partners

  • Netlify
  • Google Chrome
  • Vercel
  • Strapi
  • Swell
  • Ship Shape
  • Layer0
  • Storyblok
Support Us
A landscape image A landscape image

Discover

  • Our team
  • Design Kit
  • Contact us

Help

  • Resources
  • Chat with us
  • Contribution guide

Support

  • Sustainability
  • Training

Settings

Subscribe to our newsletter

The latest news, articles, and resources, sent to your inbox monthly.

NuxtJS is an open source framework under MIT license.