Az-AI.icu
Published on

24轮GPT对话创建NextJS + Notion博客程序原型

Authors
  • avatar
    Name
    阿兹海默
    Twitter

小红书上聊自己开免费站的经历,结果被禁言一周。茶馆里不让聊,干脆自己做个博客站吧。

我自己的开发知识储备已经很老旧了,所以这次开发,直接让GPT来协助。顺便测试一下gpt-4-turbo模型的效果如何。 在过程中我遇到了很多小白纯新手的问题,比如文件放哪个目录、代码应该加在哪里、版本不对怎么办…… 这些都在GPT的解答下一一解决了。看来不懂开发的人,有了GPT也一样可以胜任一些开发任务了!

目标:

  • 在notion里做内容管理。notion里的文字和图片,可以自动同步到站点上,免去发布的麻烦。(不要问我为什么不直接用notion publish功能)
  • 服务器使用vercel。好处是完全免费,而且代码更新只需要在本地打一条git push命令。

直接说结论:

  • 一共经过24次提问,加上少量信息搜索,我完成程序的核心功能。实现了notion内信息全自动同步在博客上。
  • 开发用时,大约4-6小时的样子。自己写代码不超过10行。
  • 在程序开发领域,这次gpt-4-turbo给出的信息很精准。我没有受到任何错误信息的误导。 他给出的建议,能够帮助我在分析问题原因时,避免忽略到一些可能性。
  • 4 turbo价格只有gpt 4的1/3,物有所值。额度消耗比较快的用户,可以考虑尝试使用这个模型。
  • 后续发现界面样式、tags分类页等细节工作琐碎耗时。中途改变了开发方式。最终成品地址:https://b1.az-ai.icu/
  • 包括内容编写在内的全部工作,耗时大约2天多一点。

使用过程

基本上这几个步骤交替进行。

  1. 把自己的问题清晰的整理出来。
  2. 根据GPT给出的思路,每一步分解开,要求GPT逐步实现。
  3. 拷贝GPT给出的代码。再把出错信息粘回去。共同分析问题原因。
  4. 完善代码。
  5. 遇到分支问题,回到第1步提问。遇到代码问题回到第3步修正

下面是全部对话记录,发出来供需要熟悉AI工具的朋友参考。 可以看到我问了一些很初级的问题,比如输出变量检查的语句应该写在什么位置。 看起来GPT是理解程序框架的运行原理的,他高速我在哪个文件,具体位置,这些都是正确的。 除了写代码之外,中途还遇到了nodejs版本问题的分支任务。GPT带着我在win11里安装nvm顺利解决。

图文文字清晰度略差,还可以辨认。

对话全过程
微信:阿兹海默 WX:阿兹海默