独立站 全栈笔记

记录一下截止目前为止，自己做独立站的一些笔记。很多人对独立站的理解还是比较表层，以为只要把网站搭起来就可以了，但实际上这只是冰山一角。

技术

主要介绍技术栈以及为什么用它。

NextJS：基础框架 我是一个 React 爱好者，用 NextJS 因为有很长时间都用 React 开发。 它有完整的前后端全栈能力。 可能，很多人说它不好用，不过至少，我自己用起来没有特别大的问题。

Vercel：部署环境 作为 project start，个人感觉，它提供了新上项目的所必须的东西。 如：域名绑定，数据库，文件存储，Redis 服务，环境变量配置。 降低了独立站上线部署 90% 的难度。 通常只需要提交 git 代码，它就自动触发部署。

Shadcn/ui：UI 组件 很好的前端 UI 组件库，可以帮你省去不少的页面搭建时间。 对 AI agent 代码生成很友好。

TailwindCSS：自定义样式 Tailwind css 是一个用了之后很难回去的技术栈。 同样 AI agent 友好。

Prisma：数据存储 它极大的减轻了作为前端对数据的掌控。 可以定期备份数据。

Resend：邮件发送 很方便的邮件服务，可以作为登陆验证码服务，以及会员邮件服务。

Stripe：支付 对于国内用户，开通起来有些麻烦，需要开通一个香港银行卡即可申请。 手续费略高，可以使用国内一些服务，如发卡猫，蓝兔支付代替。

Revenue Cat：用户 & 付费管理 通过 api hooks 可以精确管理你的用户，以及付费情况。

Upstash：Redis 服务 用于服务端的临时数据存储。 这个是 Vercel 的子服务。

Cloudflare：文件存储 其实 Cloudflare 还有很多其他服务。 目前我只用到文件存储，因为 Vercel 自带的太少了。

Google 分析： 在个人站点上增加埋点数据，对网站数据进行监控。 当然可以用 Vercel 的分析模块，流量大了需要升级 PRO。

Google Search Console：搜索关键词 这个还挺重要。 建立独立站的 sitemap，然后配置到 google search 可以增加搜索外链。

OpenAI：AI 服务 AI 的 api 服务。 可以使用 aihubmix，以及兔子做为代替。

TTS (text-to-speech)：语音服务 目前用了两个，微软的 Azure TTS API。 以及 OpenAI 的 TTS。

开发

Cursor：编辑器 IDE 这个没啥好说的，Cursor 从它推出 Pro 以来一直都订阅。

设计

Figma：设计软件 有一点特别有意思，好多人都不了解 Figma。 不过更多的时候，我拿它来收集灵感。剪切一些截图，进行拼接。

Pinterest：图床 类似国内的花瓣，但是花瓣的体验有点烂。 我做设计的时候，会优先在图床上搜索一下。

运营

运营一直是我的弱项。

Reddit：社区 在上面输出内容比较好的话，可以带来不少流量。 但是很不稳定，容易炸号。

Product Hunt：新产品推广？ 说实话，我自己没有在上面发过东西。 这个站怎么看都不像是个可以触达用户的平台。 感觉更多的是很多产品人在上面自嗨。