生财新人分享一个周末制作的AI工具合计网站，快速跑通MVP
生财有术 ·
生财新人分享一个周末制作的AI工具合计网站，快速跑通MVP
来自：
生财有术
大家好，我是这个月才进入生财的00后新人彩笺。
想到生财的核心价值观包含了“输出”，“利他”，所以写下第一篇文章，分享我快速跑通产品MVP的过程。
背景
最近阅读了不少生财的文章，其中有刘小排大佬分享的《写给独立开发者：如何快速做出产品MVP》基于文章内容和个人经验认知(无前端经验，但是会用AI工具以及搜索引擎），花了两天时间制作了一个AI工具合计网站，下面是详细过程和思路。这是个人按照如下流程两天开发出来的网站
1.idea
不知道各位的心路历程是如何的，我在做之前，会困扰于要做什么内容，他解决了什么需求？做这个的多不多？竞争压力大不大？思来想去时间就流逝掉了，也一直没开始进行实践。小排大佬文章中的一个观点是：
看到这里其实就已经明白了，想再多都是问题，做下去才有答案。围绕着最近很火的AI，我想在chatgpt之后国内外雨后春笋般的出了这么多AI工具，那做个AI工具合集应该是会解决一部分人的需求的。
前期调研
现在已经明确了idea以及产品形态（网站），那么我需要知道我应该使用哪些技术和工具，来促使我达成这一产品的开发。在我的个人认知中，网站的背后是：前端、域名、服务器、部署、开发等关键词小排大佬文章标题中提到了独立开发者围绕这几个关键字，通过百度、google搜索引擎，我得到了以下几个资源点：
域名：cloudflarehttps://dash.cloudflare.com/在这个网站可以购买域名。价格还是挺便宜的。
前端技术框架：Astro
Vercel可以免费，快速的部署我的网站。同时支持快速部署Astro，配合起来很简单。
实践开发一个网站最耗费精力也最麻烦的是代码环节，Astro提供了很多模板和对应源代码，可以很大程度在这方面节省时间。https://astro.build/themes/
对于网站开发和前端技术我没有任何经验。这里用的了两个“术”：
1:在实践过程中主要依靠AI辅助，来进行代码的解释，更改，和调整。2:网站内容和代码里面存在对应关系，可以通过代码内检索更改，实时比对一点点来改，然后观察网站对应的文字和图片是否发生变化。
我个人的开发实践路径为：
挑选模板：根据个人喜好以及内容匹配程度，挑选模板
部署到本地：Astro官网有详细教程部署模板
本地调试，模板部署好之后，本地运行环境会告诉你如何在本地预览
- 代码更改：我使用了vscode代码编辑器，打开模板源代码，更改其中的网页展示内容，同时利用了AI工具githubcopilot来进行局部的调整6.部署到Vercel：在Vercel里面有直接的入口，部署你的Astro项目。
绑定域名：部署好之后，Vercel页面会提示你可以绑定域名，这时去购买域名进行绑定。
网上有很多关于Astro开发和Vercel部署的教程，也可以根据他人的教程来模仿搭建，根据时间线选一个比较靠近当下的即可。
总结
- 确定你的idea，不要管其他的，只要网站满足了核心需求即可，至于网站好看与否，技术low与否，不要考虑2.
快速实践。网上有很多搭建网站相关的文章和技术框架，善用搜索引擎，找到最适合你的最快的实践路径。