写vue的我却用nextjs开发个人博客-祁东璟辰科技有限公司

我大概写了五年的 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 我还是一个初学者欢迎各位提出建议！

使用 Next.js 定时同步掘金文章到个人博客并展示

往期文章

源文：写vue的我却用nextjs开发个人博客

如有侵权请联系站点删除！