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

独立开发技术栈大全

灵感获取

  • 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 插件
  • Plasmo:基于 Chrome 扩展程序的开发框架。
  • wxt:基于 Chrome 扩展程序的开发框架。

后端开发框架

  • Nest.js:基于 Node.js 的框架,用于构建服务器端应用。
  • FastAPI:基于 Python 的框架,用于构建 API。

数据库

云数据库
  • 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 与软件公司提供全球支付与税务合规方案。

国际化

  • i18next:功能丰富的国际化框架,支持多种语言与地区,适用浏览器与 Node.js。
  • next-intl:专为 Next.js 设计的国际化方案,提供类型安全与优化的国际化功能。

域名购买

  • 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/月起。