Upgrade nudge for Next.js
A prompt to upgrade as usage nears the limit.
How to add a upgrade nudge to your Next.js app
- 1. Add it with one command in your project folder. The first time, the CLI asks for your license key.
npx venturi-dev add upgrade-nudge - 2. Or ask your AI tool. With Venturi Pro, the MCP agent works in Claude Code, Cursor, Codex and Gemini CLI. Try: “Add a upgrade nudge to my landing page with Venturi.”
- 3. Make it yours. It takes your colors and fonts from your design tokens, works in light and dark mode, and the code is yours to edit.
Variants
- Banner
- Toast
Details
Built with
Next.js, React, TypeScript and Tailwind CSS · npm: cn, lucide-react
Included in
Venturi Code Pro (no longer sold; existing licences keep working) · Setup help
Works well with
- Paywall modalAppears at the moment of value: out of credits, a locked feature, or a soft pitch. Every variant closes with the X and Esc.
- Feature gate drawerLocked vs unlocked, side by side, at the moment a user hits a paid feature.
- Usage meterCredits or quota left, turning to a warning as it runs low.