skills.rest
PaddleHQ
PaddleHQOFFICIAL
Explore all skills by this author →
Website𝕏@PaddleHQGitHub

paddle-pricing-pages

Render country-localized SaaS pricing with Paddle.js PricePreview API in Next.js.

4|1|Updated May 5, 2026
Search Tags:#pricing#localization#nextjs#billing#ecommerce#paddle
One-click install
npx skills add https://github.com/PaddleHQ/paddle-agent-skills --skill paddle-pricing-pages
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: paddle-pricing-pages
Source: https://github.com/PaddleHQ/paddle-agent-skills/tree/main/providers/cursor/plugin/skills/pricing-pages
Command: npx skills add https://github.com/PaddleHQ/paddle-agent-skills --skill paddle-pricing-pages

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @paddle/paddle-js.

What problem does it solve?

This skill solves the complexity of displaying accurate, country-localized pricing in a Next.js application, ensuring that currency formatting, tax calculations, and regional price overrides are handled correctly without manual client-side math.

Core Features & Use Cases

  • Localized Price Preview: Uses Paddle.js to fetch accurate pricing based on user location, including currency symbols and tax.
  • Billing Frequency Toggle: Seamlessly handles monthly and yearly price ID switching.
  • Zero-Decimal Handling: Automatically manages currency formatting for specific currencies like JPY, KRW, and CLP.
  • Use Case: Build a global pricing page that automatically detects a user's country and displays the correct price in their local currency, ensuring the price shown matches the checkout experience.

Quick Start

Use the paddle-pricing-pages skill to implement a pricing component that fetches and displays localized subscription tiers for a global audience.

Frequently Asked Questions about paddle-pricing-pages

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I display localized, tax-inclusive pricing in a Next.js application?▼

To display localized, tax-inclusive pricing in Next.js, use the Paddle.js PricePreview API to fetch accurate pricing based on user location, including currency symbols and tax calculations, ensuring the displayed price matches the checkout experience.

What is the best way to handle zero-decimal currencies like JPY or KRW when rendering prices?▼

Handling zero-decimal currencies like JPY, KRW, and CLP requires automatically managing their specific currency formatting, removing manual client-side math and ensuring correct regional formatting within your Next.js pricing component.

Can I implement a billing frequency toggle for monthly and yearly SaaS subscriptions?▼

Yes, you can implement a billing frequency toggle to seamlessly handle monthly and yearly price ID switching, allowing users to dynamically view different subscription tiers without manual recalculations.

Do I need the paddle-js dependency to show country-localized subscription totals?▼

Yes, integrating the @paddle/paddle-js dependency is required to render country-localized pricing and tax-inclusive totals, enabling accurate regional currency formatting without manual client-side math.

Why does my regional currency formatting show incorrect tax totals on my pricing page?▼

Regional currency formatting and tax totals show incorrectly when manual client-side math is used instead of leveraging the Paddle.js PricePreview API to fetch accurate, location-based pricing data.

Related Skills

Explore More Software Engineering Skills→
zmrezmre
1

stripe-integration

Implement Stripe payment processing for checkout, subscriptions, webhooks, and refunds.

Community
Basic
travisjneumantravisjneuman
88

payment-integration

Integrate Stripe Checkout, Elements, and PaymentIntents for subscription billing.

Community
Advanced
PaddleHQPaddleHQ
4

paddle-checkout-web

Integrate Paddle Checkout into Next.js applications for payments and subscriptions.

Official
Intermediate
b-open-iob-open-io
7

check-bsv-price

Retrieve the current BSV price and BSV/USD exchange rate with timestamp.

Official
Basic