Gói lớp 3

Subscription page phải giúp user hiểu giá trị từng gói

Quay về dashboard

Đây là nơi hiển thị trạng thái hiện tại, lịch sử giao dịch và các lựa chọn nâng cấp từ Starter đến Pro trong biên giá 5-99 USD.

GET /plansGET /subscription/mePOST /subscribe

Nâng cấp gói thành viên

Payment hiện đang chờ contract nội bộ từ https://pay.iai.one, nên member area chỉ hiển thị trạng thái và chưa mở yêu cầu thanh toán thật.

mock-adapter

Mock adapter đang active

Member app đang dùng dữ liệu mô phỏng theo contract đã khóa. Chỉ cần bật env để chuyển sang Team 1 API mà không đổi component.

Endpoint status

  • GET /healthfallback

    Mock adapter đang active qua NEXT_PUBLIC_USE_REAL_API=false.

  • GET /plansfallback

    Mock adapter đang active qua NEXT_PUBLIC_USE_REAL_API=false.

  • GET /auth/mefallback

    Mock adapter đang active qua NEXT_PUBLIC_USE_REAL_API=false.

  • GET /subscription/mefallback

    Mock adapter đang active qua NEXT_PUBLIC_USE_REAL_API=false.

  • POST /subscribefallback

    Mock adapter đang active qua NEXT_PUBLIC_USE_REAL_API=false.

Plans4

Starter -> Pro demo

Current statenone

Mock billing state

Nhịp phối hợp hiện tại

  • Pricing comparison vẫn có thể làm bằng mock adapter.
  • Bật live mode sau khi Team 1 chốt plans/subscription.
Gói4 tiers

Starter, Builder, Creator, Pro.

Khoảng giá$5-$99

Giữ dưới 100 USD theo spec đã khóa.

Payment flowStripe

Checkout từ Team 1 đã sẵn sàng để Team 2 nối nút.

Hiển thị lịch sử12 latest

Dùng recentTransactions để dựng billing activity.

So sánh gói

Pricing phải làm rõ sự khác nhau về quyền, không chỉ khác giá.

  • Starter: xem tài liệu nền
  • Builder: hướng dẫn kiếm tiền + case study
  • Creator: được viết và chia sẻ dự án
  • Pro: toàn quyền + tài sản số

State machine cần render

Team 2 phải phân biệt rõ pending, active, past_due và cancelled.

  • Nút Subscribe khi chưa active
  • Tag Active/Past due rõ màu
  • Recent transactions list
  • Thông báo quyền hiện tại