我大概写了五年的 vue 在年初找工作的过程中感受到单单只会写 vue 是不行的,最好 react 也会后端也能写一写。
开始之前我想过使用 vue + go 但因为我已经做了一个生成短链的项目 kkdl 猛击访问 github 仓库 所以不考虑
也考虑过使用 nuxt 来做但我也已经做了相关的实践,最初是准备仿个掘金写了一些功能后没动力就放弃了
此时想到我的 react 好像才学了点皮毛,不如选择 nextjs 全栈开发,看了看 nextjs 的文档概念好多啊 😳
在做的过程中发现是一个正确的选择前端后端一起写的感觉也不错,后续准备把短链项目也重写一下!
猛击访问个人博客
再次猛击访问 github 仓库 希望各位大佬点点关注!
最初的目标
可以使用 github 、邮箱、账号密码 登录
可以创建、编辑、删除、查看文章
可以同步掘金文章进行展示
可以留言
接入 ai 对话,别人有咱也要有!
重要:开始前一定要先想明白要做哪些功能!因为前期没有想明白做什么功能展示什么内容就一边做一边改,ui 也是重中之重
目标实现
实现 github 、邮箱、账号密码 登录
这里使用 next-auth 实现
创建、编辑、删除、查看文章
这里使用到了数据库、nextjs api、bytemd 编辑器
文章新增、编辑类似
文章查看
api 接口
同步掘金文章进行展示
这里用到了数据库、掘金 api 接口、github actions、 nextjs api
掘金 api 接口:获取掘金文章
nextjs api:同步掘金文章的接口
数据库:存储从掘金 api 获取到的文章数据,这里使用 prisma
github actions:定时调用接口同步掘金文章
文章列表
可以留言
接入 ai 对话
这里 ai 使用的智谱的免费 ai 有点蠢!但是不重要
支持主题切换
说起这个主题个人博客 ui 真的很重要。
目前 ui 还没有改造完,如果看到和其他博客类似的地方不要怀疑我就是参考了他们(程序员怎么能说抄袭呢!是借鉴!)
后续
后续大概会写一些关于这个博客的文章比如 next-auth github 登录、邮箱登录
当然 react 、nextjs 我还是一个初学者欢迎各位提出建议!