我用两天开发了一个 GPTs 导航网站

最近 GPTs 特别火爆，笔者也是趁着热度开发了一个 GPTs 导航网站。

正好借此机会聊下开发这个网站用到的技术和平台。

技术栈

这里感谢 airyland 大佬提供的 GPTs 数据~

其中涉及到的一些技术上的架构和平台如下：

之所以用 Nuxt 是由于 SEO 的需要，而且笔者一直是 Vue 技术栈，相比 Next.js 写起来会更顺手一些。

目前 Nuxt3 在 DX 上有了很大提升（熟悉了常用语法之后，写起来就一个字，爽！)，推荐没有试过的小伙伴尝试下，相信跟上 Next 的生态只是时间问题。

Nuxt-UI 最近也收归官方所有，组件虽然不是很多，但是写个导航站完全够用了。

Supabase 是之前一直听过，但是没有用过，属于 Serverless DB 中比较出名的，而且由于比较高的免费额度，对前端开发人员也很友好，只需要设计表结构，然后用 JS-SDK 调用就可以了。

而且 supabase 可以很方便的实现登录功能，感兴趣的小伙伴可以查看https://supabase.com/docs/guides/auth

Cloudflare 是笔者非常喜欢的 Serverless 平台，相信大家在很多地方都见过 Cloudflare 的验证码，但是它本身还提供 DNS 和 Pages + Worker 等服务。

Cloudflare 的免费额度非常慷慨，比如免费版的 Worker 和 Pages 的 Functions 调用都是 10w 请求/天，如果你的网站是纯静态的那么可以用 Pages，是完全免费的。

同类的其实还有一个 Vercel，都是对前端很友好，原生支持 Next 和 Nuxt，对比下来 Vercel 的部署构建流程更加丝滑，但是 Pro 版直接升到了 $20/mon，笔者开了 Cloudflare Worker 的会员，只要 $5 每月，请求直接提升到了 1kw。

好了，整个网站其实主要是一些增删改查以及数据标注，但是用了闪耀的 Nuxt 以及 Serverless 平台，这让后期基本上实现了很低的维护成本，main 分支部署生产，其他任意分支部署预览，这个方案被这两个 Serverless 平台所采用，也让我养成了简洁的 DevOps 习惯。

用 Serverless 平台的好处就是不再需要构建 Docker 镜像，也不需要关心主机、网络、Nginx 等等，更回归了前端开发关注的领域，Code → Push → Ship，可以说是非常丝滑了~

本文由 savokiss 创作，采用知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为: Nov 20, 2023 at 04:05 pm