这是一个创建于 79 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近有兴趣做一个工具站，想到去年也做了几个，都没成功，现在又想重新试试，搞起来。其实整个流程去年我就已经跑通了，今年第一个站，先试试流程，配合上 AI 的辅助，一整条流程下来 2 小时部署完成，不算难事。
其中最难的是「寻找关键词」，这个是重中之重，在这条路上，我还在摸索。
寻找关键词
其中最难的是「寻找关键词」，这个是重中之重，在这条路上，我还在摸索，最关键的一步可能耗费 1 天、2 天、3 天都有可能。
先想好你这个页面是要做啥的，比如“AI 写作”、“短视频剪辑工具”、“狗狗美容教程”之类的。选一个你想做的核心关键词，后面所有内容都围绕这个来做。
我已经想好了一个关键词，接下来要做的就是开发、部署。
围绕关键词开发项目
把所有需要注意的点都扔给 AI ，让它给你启动一个 Next.js 项目，因为我本身就有 Next.js 项目，所以我把没用的删除掉，让它重新构建一个新的就可以。
以下是我的关键词：
1 、重构当前网站，我这是一个 next.js 的网站。
2 、把所有没用的数据、文件，都可以删除，即使是 package.json 也可以清除没用的包。
3 、制作一个页面，我这个页面围绕「***」这个关键词来做。
4 、我需要发布到 vercel 中。
需要实现的功能：
1 、
2 、
3 、
功能的实现需要使用 API 接口，你看使用哪家的合适，你认真选择一家，付费也是可以的，但不能太贵，最终给我留下可以配置 API key 的入口就可以。
最终要验证一下开发、构建是否成功。
根据以上内容，依次完成所有功能。你可以完全操作这个项目目录。
根据以上提示词，我的 cursor 配合 claude-4-sonnet ，跑了 10 分钟左右，最终才跑完。
微调页面
根据关键词，微调下页面内容和样式：
- 字体大小调整
- 添加一些小动画、过渡效果（可以用 Framer Motion ）
- 让页面简洁，但也要有点质感
制作 Icon
可以使用 阿里 icon 库，找一个合适的 icon ，下载 svg ，让 cursor 帮你配置 ico 图标。
- 搜关键词，比如“AI”、“文档”、“写作”
- 下载 SVG
- 在项目里直接引入组件或者当 img 用
部署到 Vercel
我的项目是 Next.js ，使用 Vercel 托管平台是非常方便的。
- 把项目推到 GitHub 或 GitLab 。
- 去 vercel.com，登录 GitHub 授权。
- 创建新项目，选你这个 repo 。
- 自动构建 → 成功就能访问三级域名，比如：
myai.vercel.app。 - 你只需要在
.env中设置一个 API_KEY ，代码里配置好就能用了。
部署成功以后，Vercel 会给三级域名，不过为了更好的拿到排名，我们需要去购买一个顶级域名，建议买个 .com、.cn 的顶级域名。
购买域名
在 godaddy.com 购买域名，去掉自动续费，解析上线。
- 去 godaddy.com
- 搜一个短一点、跟关键词相关的域名
- 买下来（记得关掉自动续费）
- 去 Vercel 设置里添加这个自定义域名
- 配好 DNS ，等几分钟就能访问啦
额外要做
- 加 SEO 元信息（
<meta>标签）优化关键词 - 提交到 Google Search Console
- 看看能不能做个 Newsletter 或用户表单
- 每天持续更新内容或优化功能（对搜索排名也有帮助）
成果
最终，我完成一个在线翻译工具，名为 Shakespearean English Translator ，可以将现代英文翻译成莎士比亚风格的古英文，也支持反向转换。用户只需在左侧输入现代英文，点击“Translate”按钮，右侧就会显示翻译后的莎士比亚英文。
比如： 输入：Hello, how are you today? I hope you are doing well. 翻译结果：Good morrow! How dost thou fare this day? I pray thee art in good health.
访问地址： https://shakespearean-english-translator.com
界面简洁，使用方便，适合做创作、戏剧台词、写作等场景。
 |
1
Dispatcher 79 天前
果然前端崽眼里，ai 是万能的。
数据的手机整理、后端的艰苦，是一句不提啊。 |
 |
2
cuishunbiao OP @Dispatcher 我说实话，我做的这些就是表面工作。只要涉及到「数据、用户」等，后端必须是大哥。
|
Select Language