https://github.com/agambagish/next-razorpay-boilerplate
Boilerplate Code for India's Domestic Payment System, UPI (Unified Payments Interface)
https://github.com/agambagish/next-razorpay-boilerplate
nextjs razorpay react shadcn-ui tailwindcss upi
Last synced: 6 months ago
JSON representation
Boilerplate Code for India's Domestic Payment System, UPI (Unified Payments Interface)
- Host: GitHub
- URL: https://github.com/agambagish/next-razorpay-boilerplate
- Owner: agambagish
- Created: 2024-07-11T18:08:30.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-07-11T18:16:09.000Z (about 1 year ago)
- Last Synced: 2025-02-09T02:34:47.828Z (8 months ago)
- Topics: nextjs, razorpay, react, shadcn-ui, tailwindcss, upi
- Language: TypeScript
- Homepage: https://next-razorpay-boilerplate.vercel.app
- Size: 59.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Boilerplate Code for India's Domestic Payment System, UPI (Unified Payments Interface)
## Integrate Payments With Next.js, TailwindCSS, and Razorpay 💯
# Features
- Make secure UPI payments seamlessly.
- Responsive design, optimized for both Mobile and Desktop.
- Easy customization to match your brand's aesthetics.
- User-friendly interface with clear call-to-action buttons.
# Getting Started
1. **Clone the repository:**
```sh
git clone https://github.com/agambagish/next-razorpay-boilerplate.git
cd next-razorpay-boilerplate
```
2. **Install dependencies:**
```sh
pnpm install
```
3. **Run the development server:**
```sh
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
# Configuration
- **Environment Variables:**
Create a `.env.local` file in the root directory and add your API keys:
```
RAZORPAY_KEY_ID=""
RAZORPAY_KEY_SECRET=""
```
Happy coding! 💻🚀