獨立站全棧筆記

記錄一下截止目前為止，自己做獨立站的一些筆記。很多人對獨立站的理解還是比較表層，以為只要把網站搭起來就可以了，但實際上這只是冰山一角。

技術

主要介紹技術棧以及為什麼用它。

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：新產品推廣？說實話，我自己沒有在上面發過東西。這個站怎麼看都不像是個可以觸達用戶的平臺。感覺更多的是很多產品人在上面自嗨。