独立开发者的技术栈

文章目录

- 设计
- IDE&工具链
- 前端
- 后端
- 移动端
- 用户管理
- 支付
- 数据
- 部署
- 运维
- AI工具箱
- 🔥避坑指南
- 参考链接

一个人就是一家公司的时代已经到来

设计

Figma
Pixso是国产设计工具，可作为Figma的替代版使用
Sketch

IDE&工具链

Vscode
ESLint & Prettier: 🧹 代码质量和格式化工具
npm/Yarn/pnpm: 📦 包管理器
webpack/vite

前端

React和Vue二选一。

Nextjs - 框架
tailwindcss
Shadcn - UI 组件：自动生成组件，非常好用，基于 Radix UI 的可重用组件集合，提供美观的预设样式
antd
zustand
Radix UI: 🔧 无样式、可访问的组件库，包含对话框、下拉菜单等组件
Astro：静态网站生成, The web framework for content-driven websites.

后端

go做graphql 或者grpc
Prisma: 💾 现代数据库 ORM 工具
NextAuth.js: 🔐 身份验证解决方案
Google Cloud Storage: ☁️ 云存储服务
Neon: 🌟 全托管的无服务器 PostgreSQL 数据库服务
Serverless 以及 Cloudflare Workers 是未来的方向

移动端

uni-app
Flutter
tora
RN + Expo：React native官方推荐的框架，集成了非常多的库，例如Iconic图标。并且支持云端编译。创建完项目后可以使用native wind集成tailwindcss，同样支持文件结构路由，使用起来非常方便。熟悉react技术栈之后上手非常简单，而且一套代码可以同时在ios和安卓上跑，非常适合个人开发
Revenuecat: 非常好用的移动端订阅接入工具

用户管理

用户管理/认证：Supabse
Lucia - 身份验证
Zod - Typesafety
Clerk ：5分钟就能把登录功能集成进去，非常方便，1万MAU之前免费
clerk/auth0: 主要提供邮箱/用户名的登录注册，社交账户的登录注册，用户信息管理，session管理等功能，auth服务可以减少小团队的资源花费，可以集中更多精力来开发产品。

支付

Stripe/Lemonsquzz: Stripe是国外公认最好的支付服务商，抽成也算公道，国内注册会有点困难，Lemonsquzz也是一个不错的机会替代方便。
PayPal
gumroad: Gumroad是创作者电子商务平台，允许创作者直接向其受众销售产品

数据

Supabase：文件/对象存储， Managed SQL后端，适用于基本的CRUD操作，还有Blob存储
数据库+Auth Appwrite：supabase的竞品，配置auth非常方便，免费版本有2G的存储，后期流量上来了15刀一个月可以支持150GB存储，相比supabase前期1个G的存储来说更适合起步验证。实测下来auth和db网络很稳定，但是对象存储速度有点慢
Cloudflare
Drizzle - 数据库 ORM，不用直接写SQL，对比Prisa差别不大
Neon
MongoDB：Managed 非SQL数据库
PrismaDB：自托管的SQL数据库

部署

代码存储：github、gitee
前后端部署：Vercel
NotionNext, 免费建站，持续集成
域名和cdn: Cloudflare
域名：namesilo

运维

Paddle
订阅功能，支持个人资质申请，目前还没有仔细研究，但对比Stripe和Lemon Squeezy注册更加容易
pnpm monorepo
宣传推广：youtube twitter reddit hacknews v2ex 等
网站统计: Beamanalytics、谷歌统计
邮件列表：lemonsqueezy, resend配合Cloudflare和gmail, zoho
收款/网店：lemonsqueezy
✉️Resend - Email

👉Shopify，那可是电商建站界的 “扛把子”，各种强大功能让你的在线商店瞬间高大上，绝对是电商网站的不二之选。😎
👉Wordpress，妥妥的博客建站 “老炮儿”，文章管理超棒，最适合博客网站哟。🙌
👉Wix，简直就是作品集建站的 “神器”，大量精美的模板让你的作品大放光彩。✨
👉Squarespace，企业建站的 “高端玩家”，专业大气。💼
👉GoDaddy，新手小白建站的 “友好伙伴”，简单网站轻松搞定。🙋‍♀️
👉Duda，网站设计机构的 “秘密武器”。🎨
👉Webflow，开发者眼中的 “宝藏工具”，功能强大。💪
👉Weebly，速成免费网站的 “小天使”，超方便。🆓
👉Big Cartel: 艺术家们的 “专属舞台”，最适合你们展示作品啦。🎭

Analytics:

PostHog：在免费套餐中可以访问大多数功能
Upstash - Cache
Umami - 网页分析

AI工具箱

Cursor
Bolt
Windsurf
0.dev

🔥避坑指南

1️⃣不要从零开始设计：
UI设计都是细节构成的，需要经过时间的累积才能很好把控。如果你没有设计基础，从零开始设计会非常困难，而且很难达到理想的效果。建议你多参考优秀的设计案例，学习成熟的设计理念，并使用现有的设计资源来完成你的UI设计
2️⃣不要把时间浪费在学习设计上：设计不仅仅是工具的应用，更多的是靠时间的积累。设计基础，排版、字体、对比、颜色搭配等等都需要靠长时间的审美积累。对于独立开发者来说，我们都更加建议把时间留在你自己专业强项，没必要为了这个花大量时间学习，费力不讨好。