A Next.js starter kit for monetizing your iOS app on the web. Ships with a customizable landing page, pricing page, paywall, and integrated checkout — designed to meet Paddle's website requirements for platform approval so you can go live quickly.
GitHub
View source code, report issues, and contribute on GitHub.
Live demo
Try the starter kit before you get started.
Tutorial
Step-by-step walkthrough from setup to test payment.
What's included
- A customizable landing page, pricing page, and paywall.
- A high-converting checkout built with Paddle Checkout.
- shadcn UI components so you can theme to match your brand.
- A setup that meets Paddle's website requirements for platform approval.
Tech stack
| Layer | Tool |
|---|---|
| Framework | Next.js |
| Hosting | Vercel |
| Payments | Paddle.js wrapper |
| Fulfillment | RevenueCat or webhooks |
| Styling | Tailwind CSS |
| Components | shadcn/ui |
Requirements
- A Vercel account.
- A Git provider (GitHub recommended).
- An Apple Developer account, Xcode, and access to your iOS project (for the in-app integration).
- Node.js v20+ if you plan to develop locally.
Get started
Deploy the starter kit to Vercel:
Deploy Paddle web monetization starter kit to Vercel in one-click
Alternatively, follow the complete tutorial to deploy the starter kit manually.