Payments
In this section we'll learn about Supaplate's Toss Payments integration.
Toss ê²°ì œìœ„ì ¯
To learn how to use the Toss Payments widget and how the payment flow works, please refer to the Toss Payments documentation.
Read the documentation
The Toss Payments documentation is a fantastic resource with very good explanations on how the payment flow works.
Make sure you read it and understand it before you keep going.
Supaplate's Toss Payments integration
The integration is very straightforward.
It is basically an implementation of the above documentation.
On the ./app/features/payments/screens you will find the following files:
checkout.tsx
Renders the Toss Payments widget and requests the payment.
success.tsx
The screen that is shown when the payment is successful after verifying the payment with Toss Payments API and saving the payment to the database.
failure.tsx
The screen that is shown when the payment fails.
payments.tsx
A table showing all the payments made by the user.
Payment History
In the route /dashboard/payments you can see a list of all the payments made by the user.
