案例摘要
为东方美学家居品牌见宣 JIANXUAN 搭建面向澳大利亚市场的跨境独立站：英文前台、中文后台，含商品系列、规格、购物袋、访客结算、账户与订单查询，以及可视化博客编辑、库存、发货退款和审计。首页 Lighthouse 无障碍与最佳实践均为 100 分。
- 客户
- 见宣 JIANXUAN（东方美学家居）
- 市场
- 澳大利亚，澳元计价
- 技术
- Next.js 16、Prisma 7、PostgreSQL、Tailwind 4
- 状态
- 演示站已上线，真实收款待开通
100
Lighthouse 无障碍与最佳实践得分，性能 89
34
项单元与集成测试，另有 18 个端到端界面场景
背景与挑战
品牌希望直接面向海外消费者销售，团队在国内运营，需要英文商城加中文后台；支付、履约、退款状态要清晰，避免超卖。
解决方案
- 商城：10 个商品系列、20 个规格，商品图按 480、960、1600 三档输出。
- 交易状态分离：付款、履约、退款分账记录，库存预留与回调去重。
- 中文后台：商品与图片排序、博客可视化编辑、视频上传、库存、发货退款、政策与审计。
交付成果
- 演示站已公开访问，Lighthouse 性能 89、无障碍 100、最佳实践 100。
- 站内不编造认证、评价和价格承诺，商业信息待品牌方确认后开放。
技术栈
- Next.js 16
- React 19
- Prisma 7
- PostgreSQL
- Better Auth
- Tailwind 4
- Stripe
- PayPal