我尝试 2 小时上线一个翻译网站

最近有兴趣做一个工具站，想到去年也做了几个，都没成功，现在又想重新试试，搞起来。其实整个流程去年我就已经跑通了，今年第一个站，先试试流程，配合上 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 托管平台是非常方便的。

1. 把项目推到 GitHub 或 GitLab 。
2. 去 vercel.com，登录 GitHub 授权。
3. 创建新项目，选你这个 repo 。
4. 自动构建 → 成功就能访问三级域名，比如：myai.vercel.app。
5. 你只需要在 .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

界面简洁，使用方便，适合做创作、戏剧台词、写作等场景。