← 返回博客访问项目 ↗
项目案例

Aurelia Botanica

面向高端 wellness 品牌打造的电商作品集,包含商品浏览、购物袋、订单接口与 Stripe 测试支付流程。

Next.jsReactTypeScriptHonoStripe

项目定位

Aurelia Botanica 是一个面向高端 wellness 品牌的电商作品集,重点练习品牌视觉、商品浏览和结算体验的完整闭环。

核心体验

  • 商品与分类浏览,保持克制、自然的品牌表达。
  • 购物袋与订单创建流程。
  • Stripe Checkout 测试支付,使用托管收银台完成 Sandbox 环境验证。

技术实现

  • Next.js、React 与 TypeScript 构建前台交互。
  • Hono 提供商品、分类、订单与支付相关 API。
  • 以 Docker 部署在 VPS,通过 Caddy 提供 HTTPS 访问。

项目展示

真实页面截图会持续补充在这里,用于记录商品页、购物袋和结算流程的设计细节。