An open-source SDK
empowering you to directly accept
cryptocurrency and stablecoin payments free from centralized fintech infrastructure

---

StablePay Demo Merchant Website

StablePay Demo Merchant Website is an open-source demo application that showcases how to accept cryptocurrency and stablecoin payments using the StablePay SDK without relying on centralized fintech infrastructure.

StablePay is a fully decentralized payment solution. When embedded in a website, the StablePay widget interacts directly with smart contracts on supported blockchains, with no intermediary servers.

This repository contains a demo merchant website that allows customers to:

• Browse products
• Add products to a shopping cart
• Checkout and pay using the StablePay widget

A live demo is available at: https://demo.stablepay.stability.nexus/

For more information about StablePay, please visit the StablePay Main Repository.

---

Tech Stack

Frontend

• React
• TypeScript

Blockchain

• StablePay SDK
• Ethers.js
• EVM-compatible smart contracts

---

How to Embed StablePay on a Website

To understand how StablePay is integrated into a checkout flow, refer to the following files in this repository:

• checkout-modal.tsx
  Demonstrates how the StablePay widget is embedded within the checkout process.

• package.json
  Shows how the stablepay-sdk dependency is declared and imported.

---

Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js 18+
• npm / yarn / pnpm
• MetaMask or any compatible Web3 wallet browser extension

---

Installation

1. Clone the Repository

git clone https://github.com/DjedAlliance/StablePay-MerchantWebsiteDemo.git
cd StablePay-MerchantWebsiteDemo