
案例研究 Carter
一个安静而高端的店面,背后是真正的后端。
- 客户
- Carter
- 类型
- 电子商务
- 角色
- 前端与 Web 开发
01概览
为 Carter 打造的公开网上商店,围绕沉静、高端的视觉语言设计,并为目录成长为真正的电商做好准备:数据库、身份验证和后端一应俱全。
02问题
打造一个与品牌同样考究、易于浏览的网上商店,而且在真正的集成到来那天无需推倒重来。
02方法
同时设计店面和数据模型。保持界面克制,让商品成为页面的主角,并从第一次提交起就打好后端基础。
03构建
实际构建了什么
- 01
使用 Next.js 和 React 构建的响应式店面,样式采用 Tailwind CSS。
- 02
使用 Prisma 在 PostgreSQL(Neon)上建模的商品数据,为身份验证和订单做好准备。
- 03
部署在 Vercel,结构已为后端扩展做好准备。
技术
- Next.js
- React
- Tailwind CSS
- Prisma
- PostgreSQL
- Vercel
04体验





05当前状态
已作为 Carter 的店面基础交付。
