问题
一个天然产品品牌需要展示产品目录，说明使用方法而不承诺医疗效果，并通过现有方式收款：Yape 和转账。此前所有业务都依靠零散消息处理。
30 秒了解项目
解决什么问题、为谁解决
解决方案
网站为每款产品提供详情页和食谱，解答购买与配送疑问，并通过三个步骤记录订单。店主可在具有角色权限的后台管理产品、库存、配送和投诉。
适用对象
希望获得清晰信息并购买天然蜜的 Lima 及其他地区消费者，以及希望自主管理目录和订单、不依赖第三方的品牌店主。
功能
从食谱到订单
01
每款产品都有独立详情页
五款天然蜜与糖浆，展示规格、编码和供货状态，并支持按名称或原料搜索。
02
按产品分类的 32 道食谱
每款产品配有对应食谱，列出原料、用时和份量，采用倡导合理食用的表述，不承诺治愈效果。
03
配送至 Lima 及其他地区
Lima 提供送货上门，其他地区通过物流公司 Olva、Shalom 或 Marvisur 寄送。运费通过 WhatsApp 协商，并以 Yape 或转账支付。
04
管理后台
管理产品、带出入库台账的库存、订单、配送、支出、评价和投诉，设有角色权限。操作员仅负责发货。
数据
已构建的内容
测试实测
检测到 0 项无障碍问题
自动审查（axe-core，WCAG 2.2 AA）覆盖 21 个页面，手机端和桌面端均已检查。
测试实测
手机端性能 88–94/100
Lighthouse 模拟慢速网络，首页与商品页各 3 次运行的中位数；无障碍、最佳实践和 SEO 均为 100。
测试实测
每页图片不到 0.4 MB
在线上首页和商品目录实测：0.24 至 0.38 MB，以 AVIF 格式提供。
构建方式
背后的技术
技术
Next.jsReactSupabaseTailwind CSSResend
技术细节
采用 Next.js 16、React 19 和 Supabase（数据库具备行级安全，共 23 次迁移），通过 Resend 发送邮件。后台区分店主和操作员。银行卡支付（Culqi）已编程实现，但尚未启用；目前通过 Yape 或转账收款。
状态. 开发中，处于上线前阶段。商品图片仅为示意。
图库
更多产品界面
您的项目
需要类似 Orandes 的产品吗？
用两句话告诉我们您的想法。我们会回复范围、周期和初步方案。
继续探索
更多项目
Golden Import — 按订单进口 Apple 和 Samsung 设备，提供运抵 Lima 的最终价格
翻新设备网站，提供运抵 Lima 的最终价格、实物照片和按订单采购服务，并有内部引擎搜索和筛选优惠。
查看案例
Fantasía Mágica — 零售与批发兼营的服装道具店
已上线的商店，设有两个渠道——终端顾客和经 RUC（税号）验证的批发商——221 款服装按尺码标价，并配有后台，让店主无需程序员即可管理一切。
查看案例
Destiny Web — 3D 发布网站：七个章节，加入 Destiny 候补名单
随着滚动探索同一个 3D 场景中的七个章节，体验示意演示和浏览器合成音效。已完成构建与测试，尚无公开网址。
查看案例