
overview
MiniShop Pro 是一个已上线的作品集项目,用来展示小程序风格的用户端体验和完整 Web 管理后台。
problem
很多小商家需要同时处理商品、预约、订单和客户,但早期阶段不适合马上投入复杂系统。
solution
构建一个 Next.js 演示系统:公开页面介绍业务价值,H5 预览模拟小程序体验,后台负责运营管理和数据分析。
key features
H5 小程序预览 / 商品/服务目录 / 预约/订单流程 / 演示登录 / 管理后台 / 客户管理 / 促销管理 / 数据分析 / 支付模拟
tech stack
Next.js / React / TypeScript / Ant Design / Tailwind CSS / Prisma / Supabase-ready schema / Taro React scaffold / Vercel
architecture
Next.js App Router 管理公开页面、后台页面和 mock API;Prisma schema 为 Supabase/PostgreSQL 做准备;Taro 源码脚手架放在 apps/mini-program 方便后续接入微信开发工具。
AI-assisted workflow
AI 用于拆解需求、生成 mock 数据、规划后台信息架构、润色中英文业务文案,并辅助检查 TypeScript、构建和部署问题。
challenges and what I learned
重点学习小程序式移动端流程、Ant Design 管理后台、演示登录、Vercel 部署、项目文档和诚实展示项目边界。
screenshots
可以通过线上演示查看首页、H5 预览、案例页和后台演示。