Nuxt Skew Protection

Made possible by my Sponsor Program 💖 Follow me @harlan_zw 🐦 • Join Discord for help

Why Nuxt Skew Protection?

Congrats on shipping that latest release! Unfortunately, many of your users are going to be using the previous version of your app
for hours to days afterward until they refresh.

Finally fixed that SEO issue? Great, but crawlers will often hit your site and request build chunks that no longer exist, leading
to 500 errors and broken indexes.

You’ve just been “skewed”! Skew is the version difference between what your users are running and what is deployed.

While Nuxt helps us by hard-reloading on navigation when it detects a new release, it’s often not enough to ensure a smooth experience for all users
and crawlers. Just check out one of Nuxt’s top commented issues.

Nuxt Skew Protection aims to solve skews by providing better UX on top of app updates as well as long-lived build assets to avoid breaking crawlers and old sessions.

Features

• ⚡ Instantly Adopted Releases - Zero-config Real-time notifications to users when a new version is deployed.
• 🎯 Targeted User Notifications - Send update notifications only when the chunks the user has loaded have invalidated. No annoying popups for unrelated updates.
• 📦 Long-lived Build Assets - Avoid breaking crawlers or old sessions with previous build assets remain accessible.
• 🎨 Headless UI - Ship it quicker with a headless notification component that works perfectly with Nuxt UI.

Installation

Install nuxt-skew-protection dependency to your project:

npx nuxi@latest module add nuxt-skew-protection

License & Early Access

undefinedThis module is in early access (v0.x). All v0.x versions are MIT licensed for all projects to enable broader testing and feedback on stability.

Nuxt Skew Protection is a Nuxt SEO Pro module. Once stable (v1+), a commercial license will be required for commercial use. You can always use v0.x versions without a license. See licensing for details.

Documentation

📖 Read the full documentation for more information.

Sponsors

License

Commercial License

Nuxt Skew Protection requires a paid license when using it for commercial projects. With this license, your source code remains proprietary.

See the Nuxt SEO Pro to purchase or contact me at harlan@harlanzw.com.

Commercial use includes:

• Use in commercial products or services
• Use in projects generating revenue
• Use in closed-source commercial applications

Open Source & Non-Commercial License

If you are creating an open source project or using this for non-commercial purposes (personal projects, educational use, non-profit organizations), you may use this project under the terms of the MIT License.

See LICENSE for full details.