海外前端技术栈收集
目的
帮助独立开发者提升开发效率
- 帮助独立开发者降低成本
- 市场上足够流行
Web 开发模板
| 模板 | 特性 |
|---|---|
| smart-excel-ai（免费） | Next.js。集成了登录、支付（lemon squeezy）、AI功能 |
| Opensaas（免费） | React + Node.js。集成了登录、支付（stripe）、邮件、AI功能 |
| Shipfast（付费） | Next.js。集成了登录、支付（stripe）、邮件、AI功能 |
Chrome 插件开发模板
Landing Page 模板
| 平台 | 备注 |
|---|---|
| tailsc | 提供了很多组件，开发者：推特@zissy_w、Github@ZissyW |
| landing-page-boilerplate | 开源、免费、0设计资源的模板 |
技术栈与工具推荐
前端
| 技术栈 | 备注 |
|---|---|
| Next.js🌟 | 基于 React，附属学习教程：Next.js Practice |
| Remix | 基于 React，Next.js最大竞争对手 |
| Nuxt | 基于 Vue |
后端
数据库
| 技术栈 | 备注 |
|---|---|
| Supabase🌟 | 支持数据库、文件存储、登录鉴权 |
| Upstash🌟 | 支持 Redis、kafka、向量数据库 |
| Mongodb | Mongodb 官方提供一个免费数据库 |
| Realm | SQLite 的快速、可扩展的替代方案 |
| TiDB Cloud | 兼容 Mysql 的 TiDB serverless，支持高可用，5G以内免费 |
ORM
样式与UI库
| 技术栈 | 备注 |
|---|---|
| Tailwind CSS🌟 | |
| Shadcn/ui🌟 | |
| NextUI🌟 | |
| radix-ui | |
| Framer Motion | 动效库 |
| Responsive Viewer | chrome 插件。可以一键验证多端响应式布局状态 |
原型设计
| 平台 | 备注 |
|---|---|
| v0 | Text to UI, 免费用户有 200 Credits / 每月 |
| vx.dev | Text to UI, v0.dev的开源替代品 |
| https://framer.com/ | 一个设计你的网站的网站，framer-motion就是他们的 |
| usegalileo | Text to UI, 免费用户有 200 Credits |
| saaslandingpage framer landing page | landing page / 落地页 |
登录鉴权
| 技术栈 | 备注 |
|---|---|
| Clerk🌟 | |
| Supabase | PostgreSQL数据库、文件存储、登录鉴权 |
| Lucia | 登录鉴权 |
| Next-Auth v4 | |
| Next-Auth v5 | v5 配置和 v4 不同，请注意区分 v5 Demo |
| Logto | 登录鉴权，有云端版和开源的私有化部署版 |
支付
| 技术栈 | 备注 |
|---|---|
| Lemon Squeezy🌟 | 支持个人香港卡、虚拟卡，国内开发者首选 |
| Stripe | 需要企业资质 |
邮件
网站分析
| 平台 | 备注 |
|---|---|
| Google Analytics | |
| Plausible | |
| Umami | 开源可自部署 |
| Clarity | 微软出的分析工具 |
| AITDK Extension 🌟 | Chrome 插件。网站 SEO 分析工具 |
在线客服和反馈服务
部署与托管
| 平台 | 备注 |
|---|---|
| Vercel🌟 | 首选，国内大部分访问不了 |
| Aircode | 字节跳动出品 |
| Zeabur | 国内出海团队出品，作者：@MichaelYuhe |
| Railway | 国内也可直接访问 |
| Github Pages | 免费 |
| Cloudflare Pages | |
| 阿里云服务器 腾讯云服务器 | 国内云，经常有优惠 |
域名购买
文档管理
| 平台 | 备注 |
|---|---|
| Notion | |
| VitePress | Vite & Vue 驱动的静态站点生成器 |
| VitePressSimple | VitePress可视化工具 |
| Astro Starlight | 建立在 Astro 框架之上的全功能文档主题。Astro 团队成员与中文文档翻译者：@liruifengv |
logo
| 平台 | 备注 |
|---|---|
| iconbuddy | logo 设计 |
| iconray | logo 设计 |
| logodiffusion | 生成你的logo |
| icon horse | logo 探测 |
| favicon generator | 生成多平台多种类logo(ico、PNG、SVG) |
| bit bug | PNG/JPG 转 ico |
图标库
图片视频素材
| 平台 | 备注 |
|---|---|
| vectorove | 完全免费，风格统一的插画库，支持预定义颜色以及png和svg格式导出 |
图片视频处理工具
| 平台 | 备注 |
|---|---|
| Tinypng | 图片压缩 |
| Tinify | 图片压缩 - 国内版 |
| video-to-gif | 视频转 GIF |
录屏
| 平台 | 备注 |
|---|---|
| focusee | |
| Screen Studio | |
| OBS Studio | 开源、windows、mac、linux |
短链
| 平台 | 备注 |
|---|---|
| dub | 免费用户每个月可以创建25个链接 |