> 个人实践项目 | 7 个项目
基于大语言模型的智能对话系统,支持多轮对话、上下文理解和知识问答功能,可接入 GPT、Claude 等主流模型。
这是我用 Next.js + TypeScript + Prisma + PostgreSQL 构建的个人博客,支持数据库动态内容、用户管理与完善的工程配置。 核心定位 - 写文章、可登陆、可管理 - 数据通过 Prisma + PostgreSQL 处理 - 部署在 Vercel 环境上 - 支持开发、生产完整流程 ### 前端 - Next.js:支持 SSR / SSG / ISR 混合渲染 - TypeScript 全程强类型 - 响应式布局和现代前端最佳实践  ### 后台 - Prisma ORM:强类型数据库访问层 - PostgreSQL:稳定关系型数据库 - 自动迁移与数据库启动脚本(可用 Docker 一键启动)  ### 工程实践 - ESLint / Prettier / 自动格式化 - Docker + docker-compose 支持 - Vercel 部署配置 - 环境变量 / 多环境构建 - 完整开发到生产流水线
完整的电商解决方案,包含商品管理、购物车、支付集成(支付宝/微信)、订单管理和物流跟踪。
Beaver UI 是我打造的一个轻量、实用、可定制的前端 UI 组件库,基于React + TypeScript + tsup + Storybook 构建,支持现代前端开发的主流场景。 ### 核心理念 - 简单好用:用最基础的 API 组合实现常见 UI 功能,学习成本低。 - 强类型安全:全量 TypeScript 类型定义,IDE 智能提示友好。 - 可定制主题:通过 CSS 变量轻松覆盖主题配色、radius、间距等样式。 - 可在实际项目中直接复用,兼容 React 主流构建方案(含 SSR/Next.js 细节说明)。 ------ ### 组件亮点 Beaver UI 包含 17+ 个常用 UI 组件,覆盖从基础交互到复杂反馈的需求: 基础组件 - Button:支持多种按钮类型和尺寸。 - Input / Select / Checkbox / Radio / Switch:表单基础控件,支持完整受控/非受控写法。 - DatePicker / Upload:日期选择及文件上传控件。 结构 & 布局 - Form / FormItem:表单容器与验证结构。 - Table:数据展示表格。 - Pagination:分页组件。 反馈 & 交互 - Alert / Toast 提示:状态提醒与消息反馈。 - Tooltip / Popconfirm:轻量交互提示。 - Modal / Drawer:模态框与抽屉式弹层。 ### storybook演示页面 
GitHub Actions + Docker 实现 CI/CD,自动测试、构建、部署到云服务器。