threenine.io
@threenine/nuxt-zap

Nuxt Zap

Nuxt module to enable Zap tips & payments on your nuxt based app

@threenine/nuxt-zapGet Started
@threenine/ nuxt-zap

Features

Seamless Integration
NuxtZap is built with developers in mind, offering seamless integration into your existing web applications. Whether you're a seasoned developer or just starting out, our intuitive API and comprehensive documentation make setup a breeze. Say goodbye to complex configurations and hello to effortless deployment."
Privacy-Focused
No user data is collected or stored on your systems. All data is provided by Nostr Protocol
Scalable and Reliable
Nuxstr Comments scales with nostr, as your community grows, ensuring that your comments system remains stable and responsive.

You're building on Nuxt. You want to integrate Lightning Network payments. But you're hitting a wall: complex SDKs, desktop-only solutions, and a frustrating mobile experience that leaves users hanging. Your sleek app shouldn't be dragged down by clunky payment flows.

Introducing @threenine/nuxt-zap— the dead-simple, drop-in Nuxt module for seamless Lightning zaps.

Lightning Zaps That Just Work

@threenine/nuxt-zap obliterates the friction. It’s designed for Nuxt developers who value their time and their users' experience. We handle the messy payment logic so you can focus on building incredible features.

Here's the magic:

  • One-Command Setup: Integrate in seconds. Forget wrestling with APIs. Just add the module and you're ready to go.
  • Universal Compatibility: Your zaps work everywhere. Seamlessly leverages the @getalby/sdk (WebLN) when available, like with the Alby browser extension. On mobile or desktop without a provider? It doesn't break. It automatically falls back to a mobile-friendly lightning: deep link and even provides the BOLT11 invoice for QR codes.
  • Component-Ready or Code-First: Need a quick "Zap" button? Drop in the ready-made <ZapButton> component. Want full programmatic control? Use the simple $zap.send() function. The power is in your hands.
  • Zero Hassle Configuration: Customize your default zap address, amount, and message with a few lines in your nuxt.config.ts. No PhD in configuration required.