Repository files navigation

Better Privacy, Performance, and DX for Third-Party Scripts in Nuxt Apps.

• 👾  Playground

• 🪨 Built on top ofUnhead Script Loading
• 🎁 20+ third-party scripts integrations with fine-grained performance optimizations
• 🏎️ Performance: Self hosting, advanced script loading triggers, best-practice defaults.
• 🕵️ Privacy: Defaults to protect end users identity, script consent management APIs.
• 🪵 DevTools: View your script with their status and see function logs
• 🚀 0 dependencies, ~2kb minimal runtime

Loading third-party IIFE scripts usinguseHead composable is easy. However,things start getting more complicated quickly around SSR, lazy loading, and type safety.

Nuxt Scripts was created to solve these issues and more with the goal of making third-party scripts more performant,have better privacy and be better DX overall.

To get started, simply run:

npx nuxi@latest module add scripts

That's it! The Nuxt Scripts module should be downloaded and added to your Nuxt Configmodules.

Need some inspiration to start using Nuxt Scripts? Try out the following:

1. 🎉 Make it rain emojis with theConfetti Tutorial.
2. 📚 Learn about how theScript Loading works.
3. 🔍 Explore theScript Registry for popular pre-configured third-party scripts.
4. 🚀 Load other scripts withuseScript orGlobal Scripts.
5. 🔨 Fine-tune your performance and privacy withBundling andConsent Management.

Licensed under theMIT license.