{"@context":"https://schema.org","@type":"CreativeWork","name":"Next JS professional payment system","description":"

Payment gateway integrated with SEP
- Create a payment token from the server side and redirect safely to the portal
- Transaction registration with statuses created / success / failed
- Callback handle port and store RefNum and the raw response in the database
Complete authentication with mobile
- Registration with mobile phone, name, surname and password
- Login with password
- Login with OTP (one time code) via SMS.ir
- Secure logout and session management with JWT and cookie httpOnly
Smart payment flow on home page
- The user enters the amount and continues the payment after login/registration
- Show the final confirmation of the amount before sending to the portal
- Maintaining the user's temporary status after login (for quick payment continuation)
User panel
- Displaying user information and accessing payment operations
- Display the list of recent transactions with status and tracking code
- Persian user experience (Persian number and text format)
Multi-section management panel
- Statistical dashboard of users and transactions
- Interval statistics: today, yesterday, 3 days, 7 days, 30 days, 365 days
- Transaction log management
- Enable/disable port and timeout message
Advanced transaction settings
- Determining the minimum, maximum and default payment amount
- Definition of preset amounts
- Mobile and IP blacklist (with search and case deletion)
- Server-side validation to prevent invalid payments
Manage users and roles
- View users and roles
- Change user role to admin/user
- Restrict role change to Super Admin only
- Prevent reducing the access of the main administrator
Complete SMS settings
- Management API Key and Template IDfor successful registration, login and payment
- Defining SMS format variables (eg #CODE# and #TRACKING#)
- Sending successful payment SMS after successful callback
Customizing the appearance of the site (white-label style)
- Change browser title, site title, header text and subtext
- Header font size change with live preview
- Setting the logo (URL) and choosing a color theme from several palettes
Technical architecture suitable for true MVP
- Next.js (App Router) + React + TypeScript + MongoDB/Mongoose
- Structured APIs and input validation with Zod
- Normalization of numeric/mobile number data for data consistency
- A development-ready architecture for the next phases of porting and scalability

","url":"https://imrt.dev/en/portfolio/next-js-professional-payment-system","image":["https://imrt.dev/api/image?src=uploads%2F1778238080761_38f008eb_1.png"],"creator":{"@type":"Organization","name":"Zero and one 01 Teaching website design and computer programming"}}