Can I test the integration before going live?

Absolutely. The skill includes sandbox environment configurations and provides specific test card numbers to simulate successful and declined transactions.

Does this skill work with Next.js App Router?

Yes, the skill provides specific code examples and patterns for Next.js API routes and Client Components, making it compatible with modern App Router architectures.

Which payment methods can I implement with this skill?

This skill supports a wide range of methods including credit/debit cards and various QR-based payments such as PayNow, GrabPay, ShopeePay, Alipay, WeChat Pay, QRIS, and PromptPay.

How are payment webhooks secured?

The skill includes logic to verify the 'Hitpay-Signature' header by creating a SHA256 HMAC using your unique salt, ensuring that only authentic notifications from HitPay are processed.

HitPay Payment Integration

Name: HitPay Payment Integration
Author: hit-pay

byhit-pay

0•

전자상거래 솔루션

Integrates HitPay payment gateway for card and QR-based transactions into Next.js and JavaScript/TypeScript applications.

This skill streamlines the implementation of HitPay's multi-channel payment gateway, specifically tailored for APAC businesses. It provides production-ready code patterns for card redirects, embedded QR code generation for local methods like PayNow and GrabPay, and secure webhook handling. Whether building a custom checkout or a simple payment link, this skill ensures developers follow best practices for authentication, signature verification, and multi-currency support within the JS/TS ecosystem.

주요 기능

01Provides secure webhook verification using SHA256 HMAC signatures

02Handles both Sandbox and Production environment configurations

03Implements dynamic QR code generation for PayNow, GrabPay, and regional methods

040 GitHub stars

05Supports card payments via hosted redirect or integrated checkout flows

06Includes ready-to-use Next.js API routes and frontend React components

사용 사례

01Automating payment status updates via secure backend webhook listeners

02Adding PayNow or QRIS scanning capabilities to a web application

03Building an e-commerce checkout page with local Southeast Asian payment methods

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hit-pay/claude-code-plugin payment-integration

For use in Claude.ai and ChatGPT

주요 기능

01Provides secure webhook verification using SHA256 HMAC signatures

02Handles both Sandbox and Production environment configurations

03Implements dynamic QR code generation for PayNow, GrabPay, and regional methods

040 GitHub stars

05Supports card payments via hosted redirect or integrated checkout flows

06Includes ready-to-use Next.js API routes and frontend React components

사용 사례

01Automating payment status updates via secure backend webhook listeners

02Adding PayNow or QRIS scanning capabilities to a web application

03Building an e-commerce checkout page with local Southeast Asian payment methods

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hit-pay/claude-code-plugin payment-integration

For use in Claude.ai and ChatGPT