npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@nuxt/scripts

v0.9.3

Published

Load third-party scripts with better performance, privacy and DX in Nuxt Apps.

Downloads

69,747

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

nuxtbotnuxtbotantfuantfuatinuxatinuxpi0pi0clarkdoclarkdodanielroedanielroeharlan_zwharlan_zw

Keywords

Readme

nuxt-scripts-social-card

npm version npm downloads License Nuxt Volta

Nuxt Scripts

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

[!IMPORTANT] Nuxt Scripts is in beta, use with caution as some APIs may change.

Features

  • 🪨 Built on top of Unhead
  • 🎁 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

Background

Loading third-party IIFE scripts using useHead 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.

🚀 Quick Start

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 Config modules.

⛰️ Next Steps

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

  1. 🎉 Make it rain emojis with the Confetti Tutorial.
  2. 📚 Learn about how the Script Loading works.
  3. 🔍 Explore the Script Registry for popular pre-configured third-party scripts.
  4. 🚀 Load other scripts with useScript or Global Scripts.
  5. 🔨 Fine-tune your performance and privacy with Bundling and Consent Management.

⚖️ License

Licensed under the MIT license.