{"id":26220997,"url":"https://github.com/premprakashcodes/payment-gateways","last_synced_at":"2025-11-03T17:30:36.047Z","repository":{"id":250787723,"uuid":"835281262","full_name":"PremPrakashCodes/payment-gateways","owner":"PremPrakashCodes","description":"This project demonstrates the integration of multiple payment gateways, including Stripe, Razorpay, PayPal and Coinbase using Next.js 14. It showcases how to implement these popular payment solutions in a web application.","archived":false,"fork":false,"pushed_at":"2024-12-12T15:07:20.000Z","size":3130,"stargazers_count":186,"open_issues_count":0,"forks_count":22,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-06T02:04:29.775Z","etag":null,"topics":["coinbase","hacktoberfest","nextjs","nextjs-server-actions","nextjs14","paypal","razorpay","stripe","stripe-webhooks","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://payment-gateways-demo.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/PremPrakashCodes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-29T14:13:07.000Z","updated_at":"2025-04-05T13:21:18.000Z","dependencies_parsed_at":"2025-03-12T15:51:17.328Z","dependency_job_id":"3954af24-c1f4-4906-9151-433322678a82","html_url":"https://github.com/PremPrakashCodes/payment-gateways","commit_stats":null,"previous_names":["premprakashcodes/payment-gateways"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PremPrakashCodes%2Fpayment-gateways","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PremPrakashCodes%2Fpayment-gateways/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PremPrakashCodes%2Fpayment-gateways/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PremPrakashCodes%2Fpayment-gateways/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PremPrakashCodes","download_url":"https://codeload.github.com/PremPrakashCodes/payment-gateways/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247423513,"owners_count":20936626,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["coinbase","hacktoberfest","nextjs","nextjs-server-actions","nextjs14","paypal","razorpay","stripe","stripe-webhooks","tailwindcss","typescript"],"created_at":"2025-03-12T15:51:13.750Z","updated_at":"2025-11-03T17:30:36.007Z","avatar_url":"https://github.com/PremPrakashCodes.png","language":"TypeScript","funding_links":["https://www.paypal.com/","https://www.buymeacoffee.com/premprakash.dev","https://img.buymeacoffee.com/button-api/?text=Buy"],"categories":[],"sub_categories":[],"readme":"# Payment Gateways Demo\n\nThis project demonstrates the integration of multiple payment gateways, including **Stripe**, **Razorpay**, **PayPal**, and **Coinbase**, using **Next.js 14**. It showcases how to implement these popular payment solutions in a web application.\n\n## Live Demo\n\nCheck out the live demo [here](https://payment-gateways-demo.vercel.app).\n\n## Features\n\n- **Multiple Payment Gateways**: Integration with Stripe, Razorpay, PayPal, and Coinbase.\n- **Next.js 14**: Built with the latest features and capabilities of Next.js.\n- **User-Friendly UI**: Simple and intuitive interface for making payments.\n- **Responsive Design**: Optimized for all devices, including mobile and desktop.\n\n## Installation\n\nTo run this project locally, follow these steps:\n\n1. **Clone the repository**:\n\n   ```bash\n   git clone https://github.com/PremPrakashCodes/payment-gateways.git\n   ```\n\n2. **Navigate to the project directory**:\n\n   ```bash\n   cd payment-gateways\n   ```\n\n3. **Install dependencies**:\n\n   ```bash\n   npm install\n   ```\n\n4. **Set up environment variables**:\n\n   Create a `.env.local` file in the root directory and add the necessary API keys and configuration settings for the payment gateways.\n\n   ```plantext\n   NEXT_PUBLIC_BASE_URL=http://localhost:3000\n\n   NEXT_PUBLIC_STRIPE_PUBLIC_KEY=\n   STRIPE_SECRET_KEY=\n   STRIPE_WEBHOOK_SECRET=\n\n   NEXT_PUBLIC_RAZORPAY_KEY_ID==\n   RAZORPAY_KEY_SECRET=\n\n   PAYPAL_CLIENT_ID=\n   PAYPAL_CLIENT_SECRET=\n\n   COINBASE_API_KEY=\n   COINBASE_WEBHOOK_SECRET=\n   ```\n\n5. **Run the development server**:\n\n   ```bash\n   npm run dev\n   ```\n\n6. **Open your browser**:\n   Visit [http://localhost:3000](http://localhost:3000) to see the app in action.\n\n## Usage\n\nSelect a payment gateway from the available options, enter the required payment details, and proceed with the payment. The demo showcases a straightforward integration process for each gateway.\n\n## Contributing\n\nContributions are welcome! If you'd like to contribute, please fork the repository and create a pull request. For major changes, please open an issue to discuss what you'd like to change.\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.\n\n## Acknowledgements\n\n- [Next.js](https://nextjs.org/)\n- [Stripe](https://stripe.com/)\n- [Razorpay](https://razorpay.com/)\n- [PayPal](https://www.paypal.com/)\n- [Coinbase](https://www.coinbase.com/)\n\n\n## Contact\n\nIf you have any questions or feedback, feel free to reach out!\n\n[LinkedIn](https://www.linkedin.com/in/premprakashsharma/)  \n\n\u003ca href=\"https://www.buymeacoffee.com/premprakash.dev\"\u003e\u003cimg src=\"https://img.buymeacoffee.com/button-api/?text=Buy me a coffee\u0026emoji=\u0026slug=premprakash.dev\u0026button_colour=FFDD00\u0026font_colour=000000\u0026font_family=Cookie\u0026outline_colour=000000\u0026coffee_colour=ffffff\" /\u003e\u003c/a\u003e\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpremprakashcodes%2Fpayment-gateways","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpremprakashcodes%2Fpayment-gateways","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpremprakashcodes%2Fpayment-gateways/lists"}