Affiliate program kit for Next.js
The affiliate's side: tracking link, balance and commission history.
How to add a affiliate program kit 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 affiliate-program-kit - 2. Or ask your AI tool. With Venturi Pro, the MCP agent works in Claude Code, Cursor, Codex and Gemini CLI. Try: “Add a affiliate program kit 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
- Dashboard
- Admin queue
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
- Share pageA public page for something a user made, with a "Built with…" footer.
- OG image card engineAuto-generated share image. Render it with `new ImageResponse(<OgCard … />, OG_SIZE)` from `next/og` in an `opengraph-image.tsx`. Inline styles and flexbox only: that's what the image renderer supports.
- Share modalPre-filled posts, copy link, confetti.
- Referral widget"Give $X, get $X": the user's invite link with one-click copy.