ChatGPT in Next.js

近几天看到一个视频:Real-Time Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023),看到里面的样式不错,于是进行了学习、模仿、借鉴、参考、抄袭,打算弄个小项目练练手(前端新手强烈建议看看视频,真的学到很多东西,这个油管主写代码不墨迹,该解释时会解释,其他时间也没废话)

因为我也是个新手,不会写 CSS,于是样式基本照搬视频教程,然后把里面提到的聊天和推送功能进行了一个魔改,实现了一个比较简陋的第三方 ChatGPT 客户端:Next-ChatGPT,能基本实现对话,并且可以高亮代码和流式输出(现学现改,很多 Bug,过段时间学多点前端再优化下,只能说能用)

在这个过程中巩固了下 React 的知识,并且学习了 Next.jsTailwind CSS 等好用的工具,对 SSR 也有更加深入的了解,感叹前端开发之精妙,明白为什么说凡是能用 JS 写的最终都会用 JS


但是后端开发思维先入为主根深蒂固,开发过程中多次钻牛角尖,非常痛苦

比如这个官方文档里说,在服务端使用 hookSecuring pages and API routes,还有文档缺少 TS 的例子,也比较更新不及时

(不得不说,还是写 API 香,但是往往写前端才能称得上是一个作品,能获得更多关注)


魔改成果