Third-Party Scripts
Meets Nuxt DX
Load third-party scripts with better performance, privacy, security and DX. Includes many popular third-parties out of the box.
Better Web Vitals
Load scripts when they're needed with best practices non-blocking the rendering of your Nuxt app by default.
Privacy for your users
Avoid leaking user data to third-party scripts that don't need it. Ensure your scripts are GDPR compliant.
Secure third-parties
Protect your app from third-party scripts that could be compromised.
A powerful API with just enough magic
Nuxt Scripts provides an abstraction layer on top of third-party scripts, providing SSR support and type-safety while still giving you full low-level control over how a script is loaded.
const { proxy } = useScript('/tracker.js', {
trigger: 'onNuxtReady',
use() {
return { trackEvent: window.trackEvent }
}
})
// fully typed, SSR safe
proxy.trackEvent('page_view')Speed up with Facade Components
Nuxt Scripts provides several Facade Components out of the box.
Facade components are fake UI elements that get replaced once a third-party script loads, they can significantly improve your performance while still providing a great user experience, however they do have trade-offs .
Google Maps
YouTube
Vimeo
Intercom
*Note that PageSpeed Insights lab data is a snapshot from a particular day, which tends to be variable.
Cookie consent, typed per vendor
Every consent-aware script returns a consent object matching the vendor's native API, paired with defaultConsent applied before the first call.
Google Consent Mode v2, Meta grant/revoke, Matomo give/forget, TikTok three-state and more. Bridge OneTrust or Cookiebot, or ship your own banner with useScriptTriggerConsent .
const { consent } = useScriptGoogleAnalytics({
id: 'G-XXXXXXXX',
defaultConsent: {
ad_storage: 'denied',
analytics_storage: 'denied',
},
})
// Google Consent Mode v2
consent.update({
ad_storage: 'granted',
analytics_storage: 'granted',
})Privacy-first social embeds
Embed posts from X, Instagram, and Bluesky without loading third-party scripts. All content is fetched server-side and proxied through your domain.
Zero client-side JavaScript, zero cookies, zero third-party requests.
✨Time to talk about the newest official @nuxt_js module - Nuxt Scripts! And not only covering why it is useful and what it does, but using the underlying `useScript` composable to load a *custom script* right into a demo application. Don't miss it out! 💚 Link below 👇 https://t.co/UjefeB3Ny9
Watch the intro videos from the pros.
A faster web collaboration
Nuxt Scripts was designed and built by the Nuxt core team in collaboration with the Chrome Aurora team at Google.
Nuxt Scripts is being actively maintained by the Nuxt core team and amazing community contributors, we welcome all contributions.