功能特性
- 🎨 可视化编辑:拖拽式组件编辑器
- 🧩 丰富组件:标题、文本、按钮、图片、表格、容器等
- 📊 表格升级:自定义表头、逐行添加数据、行级聚焦功能
- 🎯 行级聚焦:点击表格行可高亮聚焦,提升编辑体验
- 📱 响应式设计:支持多种屏幕尺寸
- 🎛️ 实时预览:编辑和预览模式切换
- 💾 数据持久化:可保存和加载页面数据
- 🔧 可扩展性:组件化架构,易于添加自定义组件
- 📁 模块化设计:每个组件独立文件,便于维护
- 🏷️ 组件分类:内容、媒体、交互、布局组件分类管理
- ✨ 用户友好:直观的界面设计,无需编写JSON代码
技术栈
前端框架
- Next.js 14
- React 18
- Puck Editor 0.19
样式解决方案
- Tailwind CSS
- CSS-in-JS
- 响应式设计
开发工具
- ESLint
- Prettier
- Git Hooks