我们如何在一个下午用 v0 和 Vercel 推出金融科技登陆页

Source: Dev.to

我们正在构建 Fair Price Index —— 一个覆盖 37,000+ 只股票的估值工具。昨天我们在一个下午内从零开始完成了一个带自定义域名的线上生产网站。下面是整个过程。

技术栈

我们在 Claude 中将完整的交互式原型设计为一个 React 组件。随后把该设计带入 Vercel 的 v0，粘贴一段详细的提示，描述每个页面的所有部分，v0 生成了一个可直接上线的 Next.js 页面。一次点击部署，DNS 从 GoDaddy 指向 Vercel，fairpriceindex.com 就上线了。

我们的收获

• v0 非常适合把定义明确的设计转换为 Next.js 代码。
• 在使用 v0 之前先完成完整原型，避免在迭代过程中消耗信用额度。
• Vercel + GoDaddy 的 DNS 配置大约只用了 15 分钟（包括传播时间）。
• 别忘了 sitemap.xml 和 robots.txt —— v0 不会自动生成它们。

接下来

我们正使用 Next.js ISR 为全部 37,000 只股票生成程序化 SEO 页面（例如 fairpriceindex.com/stock/AAPL），并使用 Expo 开发 React Native 移动应用。整个后端是一个统一的 API，供网页和移动端共同使用。

如果你在金融科技领域或大规模程序化 SEO 方面有经验，欢迎联系交流。

快去看看吧：