Foxses Pay (@foxses/pay) is a unified Node.js / TypeScript payment gateway integration SDK. It provides a simple, consistent API to handle multiple payment methods across different regions — from Bangladeshi local gateways to global crypto and card processors.
This repository (foxses-pay-docs) contains the source code for the official documentation website built using Docusaurus 3, enhanced with custom React components, smooth Framer Motion animations, and a sleek dark-themed responsive design.
| Gateway | Description |
|---|---|
| bKash | Tokenized checkout integration |
| Nagad | Merchant payment API |
| SSLCommerz | Multi-method local gateway |
| Gateway | Description |
|---|---|
| Stripe | Global card & payment intents |
| PayPal | PayPal order & capture flow |
| Payeer | Digital wallet payments |
| Gateway | Description |
|---|---|
| Binance Pay | BNB/crypto checkout |
| Coinbase Commerce | Multi-crypto invoices |
| CoinPayments | 2000+ coins support |
| Cryptomus | Crypto payment gateway |
| NOWPayments | Non-custodial crypto payments |
To run this documentation website locally, follow these steps:
# Clone the repository
git clone https://github.com/Foxses-Studio/foxses-pay-docs.git
cd foxses-pay-docs
# Install dependencies
npm installStart the Docusaurus development server:
npm run startThis will start a local server at http://localhost:3000 and watch for changes.
To generate a static build and serve it:
# Build the static site
npm run build
# Serve the build output locally
npm run serveHere is a quick overview of the key directories in this repository:
foxses-pay-docs/
├── docs/
│ ├── getting-started.md # Installation & setup guide
│ ├── api-reference.md # Full API signatures
│ ├── error-handling.md # Gateway error handling guide
│ ├── design-guidelines.md # UI/UX design notes
│ └── providers/ # Provider-specific guides
│ ├── bkash.md
│ ├── nagad.md
│ ├── sslcommerz.md
│ ├── stripe.md
│ ├── paypal.md
│ ├── payeer.md
│ ├── binance.md
│ ├── coinbase.md
│ ├── coinpayments.md
│ ├── cryptomus.md
│ └── nowpayments.md
├── src/
│ ├── components/ # Custom visual components (Particles, DecryptedText, etc.)
│ ├── pages/ # Landing page & standalone views
│ └── css/custom.css # Global styles & theme overrides
├── static/ # Static assets (images, icons)
├── docusaurus.config.ts # Main site configuration
└── sidebars.ts # Sidebar navigation structure
Below is a list of commands defined in package.json:
| Command | Description |
|---|---|
npm run start |
Run the local dev server at localhost:3000. |
npm run build |
Build the site for production. |
npm run serve |
Locally preview the production build. |
npm run typecheck |
Run TypeScript type checking. |
npm run clear |
Clear Docusaurus cache/build directories. |
npm run deploy |
Deploy to GitHub Pages. |
Contributions to improve the documentation are very welcome! If you notice any typos, missing options, or outdated API examples, feel free to open a Pull Request.
- Fork the repo.
- Create your feature branch (
git checkout -b doc/amazing-feature). - Commit your changes (
git commit -m 'Docs: Add detailed callback payload info'). - Push to the branch (
git push origin doc/amazing-feature). - Open a Pull Request.
Developed with ❤️ by Foxses Studio
