本文提供了多种Web开发和Chrome插件开发的模板，涵盖了前端和后端技术栈，包括Next.js、React、Node.js等。还推荐了数据库、ORM、样式库、登录鉴权、支付和邮件服务等工具。此外，介绍了产品发布的平台和信息渠道，适合开发者和创业者使用。
Web 开发模板
| 模板 | 特性 |
|---|---|
| smart-excel-ai（免费） | Next.js。集成了登录、支付（lemon squeezy）、AI功能 |
| Opensaas（免费） | React + Node.js。集成了登录、支付（stripe）、邮件、AI功能 |
| Shipfast（付费） | Next.js。集成了登录、支付（stripe）、邮件、AI功能 |
| SupaStarter（付费） | 有 Next.js 和 Nuxt 两种模板，功能比较齐全 |
Chrome 插件开发模板
| 模板 | 特性 |
|---|---|
| Plasmo | 支持 React、Vue 等多种前端框架 |
| wxt.dev | 支持 Vue、Svelte 等多种前端框架 |
Landing Page 模板
| 平台 | 备注 |
|---|---|
| tailsc | 提供了很多组件，开发者：推特@zissy_w、Github@ZissyW |
| landing-page-boilerplate | 开源、免费、0设计资源的模板 |
技术栈与工具推荐
前端
| 技术栈 | 备注 |
|---|---|
| Next.js? | 基于 React，附属学习教程：Next.js Practice |
| Remix | 基于 React，Next.js最大竞争对手 |
| Nuxt | 基于 Vue |
后端
| 技术栈 | 备注 |
|---|---|
| Nest.js | 基于 Node.js |
| Midway.js | 基于 Node.js |
数据库
| 技术栈 | 备注 |
|---|---|
| Supabase? | 支持数据库、文件存储、登录鉴权 |
| Upstash? | 支持 Redis、kafka、向量数据库 |
| Mongodb | Mongodb 官方提供一个免费数据库 |
| Realm | SQLite 的快速、可扩展的替代方案 |
| TiDB Cloud | 兼容 Mysql 的 TiDB serverless，支持高可用，5G以内免费 |
ORM
| 技术栈 | 备注 |
|---|---|
| Prisma? | |
| TypeORM |
样式与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 | 需要企业资质 |
邮件
| 技术栈 | 备注 |
|---|---|
| Resend | |
| Nodemailer | |
| React Mail |
网站分析
| 平台 | 备注 |
|---|---|
| Google Analytics | |
| Plausible | |
| Umami | 开源可自部署 |
| Clarity | 微软出的分析工具 |
| AITDK Extension ? | Chrome 插件。网站 SEO 分析工具 |
在线客服和反馈服务
| 技术栈 | 备注 |
|---|---|
| Tawk | 在线客服，中国地区可注册 |
| 腾讯兔小巢 | 产品反馈平台，面向国内提供服务可使用 |
部署与托管
| 平台 | 备注 |
|---|---|
| Vercel? | 首选，国内大部分访问不了 |
| Zeabur | 国内出海团队出品，作者：@MichaelYuhe |
| Railway | 国内也可直接访问 |
| Github Pages | 免费 |
| Cloudflare Pages | |
| 阿里云服务器 腾讯云服务器 | 国内云，经常有优惠 |
域名购买
| 平台 | 备注 |
|---|---|
| Namesilo? | 自动屏蔽whois |
| Namecheap | 据说比较便宜 |
| Godaddy | 狗爹，懂的都懂 |
| Cloudflare | |
| 阿里云 腾讯云 字节火山引擎 | 国内平台，cn域名首选平台 |
文档管理
| 平台 | 备注 |
|---|---|
| Notion | |
| VitePress | Vite & Vue 驱动的静态站点生成器 |
| VitePressSimple | VitePress可视化工具 |
| Astro Starlight | 建立在 Astro 框架之上的全功能文档主题。Astro 团队成员与中文文档翻译者：@liruifengv |
logo
| 平台 | 备注 |
|---|---|
| iconbuddy | logo 设计 |
| iconray | logo 设计 |
| logodiffusion | 生成你的logo |
| icon horse | logo 探测 |
| favicon generator 1 | 生成多平台多种类logo(ico、PNG、SVG) |
| favicon generator 2 | 生成多平台多种类logo(ico、PNG、SVG) |
| bit bug | PNG/JPG 转 ico |
图标库
| 平台 | 备注 |
|---|---|
| iconbuddy | |
| fontawesome | |
| MingCute | |
| iconify |
图片视频素材
| 平台 | 备注 |
|---|---|
| vectorove | 完全免费，风格统一的插画库，支持预定义颜色以及png和svg格式导出 |
图片视频处理工具
| 平台 | 备注 |
|---|---|
| Tinypng | 图片压缩 |
| tiny-img | PNG、JPG 压缩并转 WEBP |
| video-to-gif | 视频转 GIF |
录屏
| 平台 | 备注 |
|---|---|
| focusee | |
| Screen Studio | |
| OBS Studio | 开源、windows、mac、linux |
短链
| 平台 | 备注 |
|---|---|
| dub | 免费用户每个月可以创建25个链接 |
信息渠道
| 平台 | 备注 |
|---|---|
| Product Hunt | 新产品打榜聚集地。Product Hunt 助手：PHCopilot.AI |
| Hacker News | |
| Indie Hackers | |
| w2solo | 中文独立开发者社区 |
| 出海团 | 专注于分享优秀出海产品的拼团平台 |
产品发布提交
| 平台 | 备注 |
|---|---|
| Product Hunt | 新产品主打阵地，发布后其他导航站回来爬取，首选发布地。Product Hunt 助手：PHCopilot.AI |
| Hacker News | 发布注意要写软文，否则容易被删帖 |
| PoweredByAI | 免费提交产品 |
| 发布视频频道也会被Google收录（免费） |