独立开发技术栈大全:从原型到部署的开发工具清单

灵感获取
- Product Hunt:专注于新产品发布的平台,展示产品并获取社区反馈,适合各类科技产品推广。
- Indie Hackers:面向独立开发者与创业者的社区,提供经验分享与产品展示机会。
- Hacker News:技术与创业相关的新闻聚合网站,可提交产品链接获得曝光和讨论。
- Reddit:大型社交新闻网站,适合推广的子版块包括 r/SideProject、r/startups 等。
- Twitter:通过话题标签(Hashtag)和关注者网络高效传播产品信息。
- LinkedIn:职业社交网络,适合 B2B 产品推广与建立专业形象。
- ProductHunt Upcoming:Product Hunt 预发布板块,可在正式发布前积累用户兴趣。
- BetaList:专注于展示早期创业项目和产品的平台。
原型设计
- v0:基于 Web 的 UI 设计工具,支持多种框架,提供实时预览与协作。测试阶段免费。
- vx.dev:v0.dev 的开源替代品,基于 Web,支持多框架、实时预览与协作。完全免费开源。
- Figma:基于 Web 的 UI 设计工具,支持多框架与实时协作。提供免费计划,专业版 $12/月/编辑者。
- Adobe XD:基于 Web 的 UI 设计工具,Creative Cloud 一部分。单独订阅 $9.99/月起。
- Sketch:基于 Mac 的 UI 设计工具。个人版 $9/月,团队版 $20/月/编辑者。
- Framer:基于 Web 的 UI 设计工具。提供免费计划,专业版 $15/月起。
- Webflow:基于 Web 的可视化设计工具。提供免费计划,付费版 $14/月起。
UI
UI 框架
- Tailwind CSS:实用优先的 CSS 框架,通过预定义类名快速构建自定义设计。核心框架免费开源,提供付费组件库 Tailwind UI。
- Bootstrap:最流行的 CSS 框架之一,提供响应式栅格系统与预设组件。完全免费开源,由 Twitter 团队维护。
- Ant Design:企业级 UI 设计语言与 React 组件库,由蚂蚁金服开源。基础版免费,提供付费高级功能与技术支持。
- Material UI:实现 Google Material Design 的 React 组件库。核心组件免费开源,提供付费高级组件与主题工具。
- Chakra UI:模块化 React 组件库,注重可访问性与开发体验。完全免费开源,提供付费专业培训与咨询。
- Mantine:功能丰富的 React 组件库与 Hooks 集合,支持服务端渲染与深色模式。完全免费开源。
UI 组件库
- Tailwind UI:基于 Tailwind CSS 的高质量组件库,提供丰富预设组件与设计模式。付费,$149 起。
- MUI:流行的 React UI 组件库,遵循 Material Design。核心免费开源,高级组件需付费。
- Ant Design:企业级 React UI 组件库。基础版免费开源,提供付费企业版。
- Chakra UI:现代化 React 组件库,注重可访问性与灵活性。免费开源,提供付费专业支持。
- Mantine:功能丰富的 React 组件库,支持深色模式与自定义主题。完全免费开源。
- Shadcn UI:基于 Radix UI 的可复制粘贴 React 组件集合。完全免费开源。
- Radix UI:提供低级 UI 原语的 React 组件库,注重可访问性与可定制性。免费开源。
- Headless UI:完全无样式、灵活的 UI 组件集,适用于 React 与 Vue,由 Tailwind CSS 团队开发。免费开源。
- Magic UI:新兴 React UI 库,提供现代化设计。目前免费使用。
- Animata:专注于动画效果的 React 组件库。免费开源。
- Framer Motion:强大的 React 动画库。免费开源。
- Storybook:UI 组件开发环境,支持多种前端框架。核心免费开源,提供付费云服务。
- Aceternity UI:新兴 Tailwind CSS 组件库,提供现代化与动画丰富的 UI 组件。目前免费使用。
图标库
- Iconify:大型图标集合,支持多框架,提供 SVG 与 Web 组件。大部分免费,部分高级图标与工具需付费。
- Heroicons:由 Tailwind CSS 团队制作的 SVG 图标库。完全免费开源。
- Phosphor Icons:灵活的图标集,提供多种风格与格式。基础版免费,高级功能需付费订阅。
- Material Icons:Google 官方图标库,遵循 Material Design。完全免费使用。
- Font Awesome:广泛使用的图标库,提供大量图标与样式。基础版免费,Pro 版 $99/年起。
- Feather Icons:简约风格的开源图标集。完全免费使用。
- Lucide:Feather Icons 的社区驱动分支,提供更多图标与定制选项。免费开源。
- Simple Icons:收集数千个品牌与流行服务的 SVG 图标。完全免费使用。
- Tabler Icons:超过 4200 个免费 MIT 许可 SVG 图标。基础版免费,高级版需付费。
- Remix Icon:开源的中性风格图标系统,提供 2000+ 图标。完全免费使用。
- Boxicons:高质量网页友好图标库。免费使用,付费扩展集可选。
- Ionicons:Ionic Framework 开源图标集,适用于 Web、iOS、Android 与桌面应用。完全免费使用。
- svgrepo:搜索、探索与编辑免费 SVG 矢量图与图标,可商用。
字体库
- Google Fonts:谷歌免费字体库,包含 1000+ 字体,支持 135+ 语言。可通过 API 或下载使用。
- Adobe Fonts:Adobe 订阅制字体服务,拥有 20,000+ 字体。需 Creative Cloud 订阅或单独付费。
- Font Squirrel:提供高质量免费商用字体及付费字体,包含字体生成器等工具。
- Fontshare:ITF 推出的免费字体平台,精选高质量字体,可个人与商业使用。
- Fontspring:独立字体代理商,提供多铸字厂付费字体,一次性购买永久授权。
- MyFonts:Monotype 旗下字体零售平台,提供 130,000+ 字体(含免费与付费)。
- Fontfabric:保加利亚字体工作室,提供高质量免费与付费字体,专注于现代与实验性设计。
- FontSpace:提供 80,000+ 免费字体下载,含个人与商业用途,支持用户上传作品。
模板
- Tailwind UI:多种基于 Tailwind CSS 的响应式模板。
- Shipfast:多种基于 Tailwind CSS 的响应式模板。
- Supastarter:多种基于 Next.js 的响应式模板。
- Makerkit:多种基于 Next.js 的响应式模板。
开发工具
- VS Code:微软出品的免费开源代码编辑器,支持多语言、调试、Git 集成,扩展生态丰富。
- Cursor:基于 VS Code 的 AI 增强编辑器,提供自动补全、重构建议与代码解释。新用户免费,后续需付费订阅。
- Bolt.new:在线代码编辑器,支持实时协作与 AI 辅助编码。目前免费使用。
- Tabnine:AI 驱动的代码补全工具,可集成到多数编辑器。提供免费版,付费版 $12/月起。
- GitHub Copilot:GitHub 与 OpenAI 合作开发的 AI 编程助手,提供代码建议与自动补全。个人付费 $4/月起。
- Continue:开源 AI 代码助手插件,支持 VSCode 与 JetBrains 系列 IDE,支持多种 LLM(包括本地 Ollama)。
- Codeium:AI 驱动的代码补全工具,个人免费使用,Pro 版本 $12/月。
- Taskade:AI 原生工作空间,内置 AI 代理、任务管理、思维导图与实时协作,提供浏览器扩展(Chrome/Firefox/Edge)。有免费计划。
前端开发框架
Web
- React:用于构建用户界面的灵活 JavaScript 库。
- Vue:易学易用,适合快速开发。
- Angular:基于 TypeScript,提供完整开发生态系统。
- Next.js:基于 React,支持服务器端渲染与静态网站生成。
- Svelte:编译时框架,生成高效的 JavaScript 代码。
- Ember:全功能框架,适合构建大型复杂 Web 应用。
- Nuxt:基于 Vue,简化服务器端渲染与静态网站生成。
- Gatsby:基于 React 的静态站点生成器,优化性能与 SEO。
- Astro:现代静态站点生成器,支持多框架组件。
App
- React Native:基于 React,构建跨平台移动应用。
- Flutter:基于 Dart,提供统一的 UI 开发体验。
- SwiftUI:苹果官方 UI 框架,用于构建 iOS 与 macOS 应用。
- Jetpack Compose:谷歌官方 UI 框架,用于构建 Android 应用。
Chrome 插件
后端开发框架
数据库
云数据库
- Supabase:基于 PostgreSQL 的云数据库,提供实时同步与 API。免费计划,付费 $25/月起。
- Firebase:基于 NoSQL 的云数据库。有免费计划,按使用量计费。
- PlanetScale:基于 MySQL 的云数据库。免费计划,付费 $29/月起。
- Neon:基于 PostgreSQL 的云数据库。免费计划,付费 $20/月起。
- Upstash:基于 Redis 的云数据库。免费计划,按使用量计费。
- Railway:基于 PostgreSQL 的云数据库。免费计划,付费 $5/月起。
- Realm:基于 MongoDB 的云数据库。定价根据需求而定。
- TiDB Cloud:基于 TiDB 的云数据库。免费试用,按需定价。
- MongoDB Atlas:基于 MongoDB 的云数据库。免费计划,付费 $0.08/小时起。
- AWS DynamoDB:基于 NoSQL 的云数据库。按使用量计费,有免费套餐。
- AWS RDS:基于 SQL 的云数据库。按实例类型与时长计费。
- AWS Aurora:基于 SQL 的云数据库。较 RDS 略贵,按实例与时长计费。
ORM
- Prisma:类型安全的 ORM,支持多数据库,自动生成类型定义与迁移。
- Drizzle:轻量级 TypeScript ORM,注重开发体验与性能。
- TypeORM:支持 Active Record 与 Data Mapper 模式,适用于 TypeScript/JavaScript。
- Sequelize:功能丰富的 ORM,支持事务、关系、读取复制等。
- Objection.js:基于 Knex.js 的 ORM,提供强大的关系管理。
- Kysely:类型安全的 SQL 查询构建器,注重查询性能与类型推断。
存储
- Cloudflare R2:基于对象的存储平台,高性能、低成本。
- AWS S3:基于对象的存储平台,高性能、低成本。
登录与身份验证
- NextAuth:为 Next.js 应用提供的完整身份验证方案。
- Auth.js:框架无关的身份验证库,支持多种认证提供商。
- Supabase Auth:集成于 Supabase 的身份验证服务。
- Firebase Auth:Google 提供的全面身份验证服务。
- AWS Cognito:AWS 的身份验证与用户管理服务。
- Auth0:灵活的身份验证与授权平台。
- Okta:企业级身份与访问管理解决方案。
- Authgear:开源的身份即服务(IDaaS)平台。
- Clerk:现代身份验证与用户管理平台,支持多种登录方式与第三方集成。
支付
- Stripe:全面的在线支付处理平台,支持多支付方式与货币。
- PayPal:广泛使用的在线支付系统。
- Lemon Squeezy:面向数字产品的一站式支付与销售平台。
- Paddle:为 SaaS 与软件公司提供全球支付与税务合规方案。
国际化
域名购买
- Namecheap:知名域名注册商,价格有竞争力,客服优质。
- GoDaddy:全球最大域名注册商之一,域名选择丰富。
- Google Domains:谷歌域名注册服务,简洁易用,集成谷歌服务。
- Cloudflare Registrar:成本价域名注册,无隐藏费用。
- Porkbun:新兴注册商,低价与创新服务。
- NameSilo:以低价与批量注册功能著称。
- Gandi:注重隐私与安全的注册商。
- Hover:简洁用户体验,定价清晰。
- Domain.com:提供多种顶级域名与建站工具。
- Dynadot:灵活的域名管理与批量操作功能。
域名邮箱(邮件服务)
- Cloudflare:提供 DNS 管理、CDN 与邮件路由服务。
- Zoho:企业级邮件托管与协作工具套件。
- Resend:面向开发者的现代电子邮件 API 平台。
- Plunk:专注交易性与营销邮件的 API 服务。
- Postmark:快速可靠的交易性邮件发送服务。
- Mailgun:强大的邮件 API 服务,支持大规模邮件发送与追踪。
部署
- Vercel:面向前端开发者的云平台,专注静态站点与无服务器函数部署。免费计划,付费 $20/月起。
- Netlify:自动化现代网络项目平台,提供持续部署、无服务器函数等。免费计划,付费 $19/月起。
- Cloudflare Pages:JAMstack 平台,部署静态站点与单页应用。免费计划与企业方案。
- Zeabur:现代化应用部署与托管平台,支持多语言与框架。免费计划,按资源使用付费。
- Render:统一云平台,构建和运行所有应用与网站。静态站点免费,其他服务按类型定价。
- Fly.io:全球分布式应用平台,可在靠近用户的位置运行应用。有限免费资源,按使用量付费。
- GitHub Pages:免费静态站点托管服务,支持 Jekyll 与 Markdown。
产品发布推广
- Product Hunt:新产品发布平台。
- Indie Hackers:独立开发者与创业者社区。
- Hacker News:技术与创业新闻聚合。
- Reddit:大型社交新闻网站,相关子版块丰富。
- Twitter:社交媒体传播。
- LinkedIn:职业社交网络,适合 B2B。
- ProductHunt Upcoming:Product Hunt 预发布板块。
- BetaList:早期创业项目展示平台。
- v2ex:中文技术社区,创造板块可分享个人项目。
- 少数派:中文科技媒体,可投稿介绍新产品。
统计分析
- Posthog:开源产品分析平台,支持行为跟踪、漏斗分析、特性标记。免费与付费计划。
- Mixpanel:强大的用户行为分析工具。有限免费版与多付费层级。
- Google Analytics:谷歌免费网站分析工具,提供全面数据,另有付费 GA360 版本。
- Matomo:注重隐私的开源分析平台,可自托管或云托管。免费自托管,付费云服务。
- Fathom:简洁、轻量级、隐私友好分析工具。无免费版,$14/月起。
- Hotjar:结合热图、会话录制与调查功能。有限免费版与多付费计划。
- Amplitude:产品智能平台,提供深入行为分析与优化建议。免费版与企业版。
- Kissmetrics:专注客户生命周期分析。仅付费计划。
- Plausible:轻量级开源网站分析工具,注重简洁与隐私。付费托管 $9/月起。
- Umami:简单、快速、隐私友好的开源分析工具。免费自托管,付费托管可选。
SEO
- Next SEO:Next.js SEO 优化插件,简化元标签与 JSON-LD 结构化数据管理。
- Semrush:综合性 SEO 工具套件,含关键词研究、网站审计、竞对分析。付费 $119.95/月起。
- Ahrefs:强大 SEO 工具,专注反向链接分析、关键词研究、内容探索。付费 $99/月起。
- SimilarWeb:网站流量分析、竞对分析、市场研究工具。免费版与付费 $99/月起。
- Moz Pro:网站审计、排名跟踪、链接研究等综合 SEO 工具。付费 $99/月起。
- Google Search Console:谷歌官方免费工具,监控网站在搜索结果中的表现。
- Google Analytics:提供 SEO 相关数据(主要用于流量分析)。
- Screaming Frog SEO Spider:强大网站爬虫工具,用于 SEO 审计与分析。免费版(有限制),付费版 £149/年。
- Yoast SEO:流行 WordPress SEO 插件。基础版免费,高级版 €99/年。
- SEMrush Writing Assistant:集成 Google Docs 与 WordPress 的 SEO 写作辅助工具。需 SEMrush 订阅。
- Ubersuggest:关键词建议与内容创意工具。有限免费版,付费 $29/月起。
- ogimg.xyz:Open Graph 图片生成 API,提供模板、自定义品牌、URL 自动抓取。免费版 50 张/月,付费 $4.90/月起。