2026-07-08 vibe coding

创建了个个人主页网站,步骤如下

1.简单介绍下,这个主页技术栈采用的是Nuxt3+ts+Vue3搭建而成,由于kimi要付费,使用版本还不给用的那种,服了......还有那个那个破google ai studio只能生成react相关的项目,我又没用过next.js,搞轻量级的vue就好了
2.简单的SEO是有的,看下代码就知道在useHead函数里
3.由于没打算买服务器,所以采用的是Vercel前端云托管平台,其实有点类似于小程序的云开发,将每个云函数化成多个node小模块运行这样,实现动态效果,免费yyds
4.开发的步骤其实可以先从Gemeni或者通过Claude Code的plan mode去生成PRD需求文档,再放到kimi或Google stitch生成设计稿,然后导出代码,目前kimi付费,stitch只能生成react项目的代码,所以可以先通过stitch导出.zip压缩包,里面有个markdown文件叫Design.md,再将对应的PRD以及设计稿和Design.md文件通通交给ClaudeCode,让他生成对应项目就好,只是多少会跟设计稿有所出入,细节可以自己调。
5.claudeCode对应的skills可以推荐使用andrej-karpathy-skills、Superpower插件plugin(里面有携带skill),协助输出文档和理解作用
6.留言板采用Twikoo,免登录
7.数据库采用的是免费的MongoDB,有钱去搞个腾讯云也行

其实vibe coding难度不高,大部分也是通过AI方便搭建基建平台,不用一个一个去查绕了许多弯路。接下来应该会主攻基于Node的全栈或ai agent,ai agent开发类似于简化版龙虾的智能体,langchain+rag+向量知识库等开发,到时候再丢到博客里记录。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容