Getting started
Start your first vantezzen/pay integration with Stripe, credit codes, and one product.
This guide follows the easiest setup:
- Stripe as the payment provider.
- Credit codes instead of user accounts.
- One product.
- One price.
- One paid feature in your app.
That is the path most side projects should try first. Polar and existing-auth setups are supported too, but they are easier to understand after this flow.
Setting up with an AI agent?
If a coding agent (Claude Code, Cursor, Copilot, …) is doing the integration, just use this prompt:
Integrate vantezzen/pay into this app from start to finish.
For that, please read the guide at https://pay.vantezzen.io/docs/agent.mdxBefore you start
You need:
- A vantezzen/pay instance, either hosted or self-hosted.
- A Stripe account in test mode.
- A React app using Tailwind and shadcn.
Not sure which instance to use? Read Hosted or self-hosted?.
If your app is not using shadcn yet, run npx shadcn@latest init in that app
before installing vantezzen/pay components.
The path
For the shortest complete path, use the 5-minute quickstart.
For more detail:
- Set up vantezzen/pay and Stripe.
- Install the SDK and components.
- Gate your first feature.
- Use Vite, Pages Router, or Remix if needed.
- Test your first payment.
- Check the go-live list.
By the end, your app will have working anonymous credit wallets. Users do not need to create an account unless your app already has authentication and you choose external auth mode.