项目背景
最近在使用图表网站时,发现许多都需要收费,因此萌生了自己做一个免费图表网站的想法。
不仅给自己做一个,也准备给大家做一个!
项目历程
经过两三周的努力,完成了一个图表网站。以下是技术栈的转变:
- 从 Vue3 CSR 转换到 Nuxt,再转到 Next.js,花费了不少时间。
- 后端采用了 Nest.js + MongoDB + Redis。
- 尽管 Next 和 Nuxt 可以开发后端,但是我已先完成了后端部分。
最终构建了:
- Nest.js 后端项目
- Vue3 + Vuetify 前端
- Nuxt + Vuetify 前端
- Next.js + MUI 前端(首次使用 -》 最终选择)
- 小程序(主要用于展示广告,赚取小费)
- 简单的管理端
除了vue,其他的技术都是第一次用,现学现卖
总成本
- 阿里云服务器(2核4G5M带宽):199元
- 小程序认证:30元
已完成功能
- 图表列表展示、详情、在线编辑、下载 HTML 代码
- 地图功能
- 用户模块
未来计划
- 完善地图功能,增加地图 demo,涵盖 Echarts 地图、GIS 等。
- 开发 3D 可视化展示。
- 接入 AI,生成 Vue、React 等框架代码。
- 离线部署方案:可能使用 Next.js + SQLite,也可能采用 Golang 或 Rust 的独立环境部署。
- 减轻用户负担。
图示展示
放一些图骗吧
PC端
小程序
后台