Skip to content

Latest commit

 

History

History
57 lines (35 loc) · 2.26 KB

README.md

File metadata and controls

57 lines (35 loc) · 2.26 KB

Getting Started with Paystack and React

This repository includes a sample application that shows how to integrate Paystack payments to your React apps.

The sample app is a simple checkout form to purchase an item and check out using the Paystack Popup checkout. It uses iamraphson's react-paystack library.

The library offers 3 integration methods:

This sample uses the <PaystackButton/> component, but you can swap it out for any of the other methods. All 3 methods will bear the same results

Demo

View a live demo of the app here

Get Started

  1. Clone this repo:
git clone https://github.com/PaystackOSS/sample-react.git
  1. Navigate to the root directory and install dependencies
cd sample-react
yarn install

Usage

  1. Rename the .env.example file to .env and add your Paystack public key:
REACT_APP_PAYSTACK_PUBLIC_KEY=pk_domain_xxxxxx
  1. Start the application
yarn start
  1. Visit http://localhost:3000 in your browser, if React doesn't automatically open it for you. You should now see your checkout form, and be able to make a purchase.

Note: This is a simple client-side integration, that uses a callback to perform post-payment logic. For a more stable, robust solution, you should use webhooks to listen for transaction success and perform any post-payment logic on your server.

Contributing

If you notice any issues with this app, please open an issue. PRs are also more than welcome, so feel free to submit a PR to fix an issue, or add a new feature!

License

This repository is made available under the MIT license. Read LICENSE.md for more information.