Stripe payment integration demo

Site: https://stripe.emre.earth/

---

Test info

• Billing address: random
• Card 4242 4242 4242 4242 (visa)
• Card Expiration: any valid future date
• Card security code: any 3 digit
• ZIP Code: any six digit
• Discount code: DEMO20 for 20% off

---

Tech stack

• Next.js v13
• React v18
• Redux + Redux Toolkit for state management
• Typescript
• TailwindCSS
• NextUI v2 for UI components
• Framer Motion for animations
• React Hook Form + Yup for form validation
• Vercel for hosting + serverless functions

What can be improved

• Harden validation for API endpoints
• Display total subscription amount with tax included in frontend

---

To build locally:

# update values in .env
cp .env.example .env
# start app with docker
npm run dev

http://localhost:3000