简介

formless是基于Next.js、@dnd-kit/core、clerk、Postgres、shadcn/ui的可视化表单搭建平台

如何开始

拉取项目

git clone git@github.com:liyunfu1998/formless.git
cd formless
pnpm i

进入以下两个平台分别注册账号，获取到对应的数据库和clerk平台的api keys

• 数据库/一条龙：vercel
• 登录注册：clerk

进入vercel使用github账号登录，进入Storage创建Postgres

创建成功获取.env的配置，在本地新建.env填入.env.example示例的两个配置，带有clerk的配置，即可从clerk平台获取

进入clerk网站，通过github或google登录

会进入这个地址：clerk

创建application，

创建成功后复制对应配置到.env即可

然后同步数据库映射，使用npx prisma migrate dev

之后就可以启动项目查看效果了：

pnpm run dev

如何开发/贡献

项目使用context提供管理全局数据，主要目录：app、actions、components，app下面即包含的页面，搭建页面、form列表页面、分享的页面，components下面包含全局样式主题，和各种自定义的组件，以及shadcn默认安装的组件，其中最重要的即components/fields目录下，各种表单字段的组件，每个表单组件主要是自身属性，DesignerComponent拖拽到编辑画布里面的样式，FormComponent预览或者分享给别人能够进行表单提交等的时候的样式，PropertiesComponent右侧配置组件属性的组件，对于数据库的操作函数都放在actions目录下的

根据以上的提示，搞懂如何改动代码之后，把项目fork到你的帐号下，修改后，提交pr即可。