星源 Web Studio

Cross-border business services / subscription commerce

Subscription Commerce Site with Stripe Payments

A subscription sales site for cross-border business users, delivered solo from planning and design through implementation and production operations: Stripe Checkout payments, webhook-driven order sync, an admin panel, a customer self-service page and email notifications throughout.

Visit website
  • Next.js
  • TypeScript
  • Prisma
  • PostgreSQL
  • Tailwind CSS
  • Docker

Screenshots

tn.i17i.com
Subscription Commerce Site with Stripe Payments — Cross-border business services / subscription commerce
tn.i17i.com
Subscription Commerce Site with Stripe Payments — Screenshots 2
tn.i17i.com
Subscription Commerce Site with Stripe Payments — Screenshots 3

Background & challenge

The full purchase flow — plan selection, online payment, activation and notifications — had to run automatically, while the operator needed an admin panel for orders and customers. Payment status had to be synchronized reliably through webhooks, never trusting front-end redirects alone.

Solution

Built on Next.js App Router, Prisma and PostgreSQL: Stripe Checkout hosts the payment page so no card data touches the app, signature-verified webhooks update order status and trigger email notifications, the admin panel covers orders, fulfillment and customers, and a self-service page lets customers check their own subscription status.

Outcomes

  • Complete online payment loop with Stripe Checkout and webhooks
  • Admin panel covering orders, fulfillment and customer management
  • Customer self-service page reduces manual support workload
  • Vitest test suite and Docker Compose environment for maintainability

Ready to build a website that wins overseas buyers?

Free consultation with a reply within one business day, including practical advice for your industry