功能特性

  • 🎨 可视化编辑:拖拽式组件编辑器
  • 🧩 丰富组件:标题、文本、按钮、图片、表格、容器等
  • 📊 表格升级:自定义表头、逐行添加数据、行级聚焦功能
  • 🎯 行级聚焦:点击表格行可高亮聚焦,提升编辑体验
  • 📱 响应式设计:支持多种屏幕尺寸
  • 🎛️ 实时预览:编辑和预览模式切换
  • 💾 数据持久化:可保存和加载页面数据
  • 🔧 可扩展性:组件化架构,易于添加自定义组件
  • 📁 模块化设计:每个组件独立文件,便于维护
  • 🏷️ 组件分类:内容、媒体、交互、布局组件分类管理
  • 用户友好:直观的界面设计,无需编写JSON代码

技术栈

前端框架
  • Next.js 14
  • React 18
  • Puck Editor 0.19
样式解决方案
  • Tailwind CSS
  • CSS-in-JS
  • 响应式设计
开发工具
  • ESLint
  • Prettier
  • Git Hooks