Next JS Framework Seamless Payment - Checkout Page

Please refer to the RMS Seamless Integration docs if you need any further options.

https://github.com/RazerMS/Integration-RazerMS_JavaScript_Seamless_Integration/wiki/Latest-Razer-Merchant-Services-Seamless-Integration-(non-PCI)

This is a Next.js project bootstrapped with create-next-app and Tailwind CSS.

Getting Started

First, clone the repo and run npm install to install the necessary packages. Then, edit the .env.local first based on your merchant ID and environment:

ENVIRONMENT=SANDBOX
MERCHANTID=merchant_id_here
VERIFY_KEY=merchant_verify_key

Finally, run the development server:

npm run dev

Note: You can change the port number here: "dev": "next -p 8080" under package.json file.

Open http://localhost:8080 with your browser to see the result.

Sample Video Process

nextjs-seamless-payment-demo.mp4

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Contribution

You can contribute to this plugin by sending the pull request to this repository.

Resources

Issues

Submit issue to this repository or email to our support-sa@razer.com

Contact Support

Merchant Technical Support / Customer Care : support-sa@razer.com
Sales/Reseller Enquiry : sales-sa@razer.com
Marketing Campaign : marketing-sa@razer.com
Channel/Partner Enquiry : channel-sa@razer.com
Media Contact : media-sa@razer.com
R&D and Tech-related Suggestion : technical-sa@razer.com
Abuse Reporting : abuse-sa@razer.com