Web 开发模板

模板 特性
smart-excel-ai(免费) Next.js。集成了登录、支付(lemon squeezy)、AI功能
Opensaas(免费) React + Node.js。集成了登录、支付(stripe)、邮件、AI功能
Shipfast(付费) Next.js。集成了登录、支付(stripe)、邮件、AI功能
SupaStarter(付费) 有 Next.js 和 Nuxt 两种模板,功能比较齐全
插件+落地页全栈源码和教程(付费) 源码+教程形式的开发专栏,包含:插件(Plasmo)、落地页(Next.js)、服务端(Next.js)、AI(ChatGPT, DeepSeek)、数据库(Firebase)、支付(Paddle)、登录(Firebase)

Chrome 插件开发模板

模板 特性
Plasmo 支持 React、Vue 等多种前端框架
Plasmo插件开发教程(付费)»
wxt.dev 支持 Vue、Svelte 等多种前端框架

Landing Page 模板

平台 备注
tailsc 提供了很多组件,开发者:推特@zissy_wGithub@ZissyW
landing-page-boilerplate 开源、免费、0设计资源的模板
saaslandingpage
framer landing page
landing page / 落地页

技术栈与工具推荐

前端

技术栈 备注
Next.js🌟 基于 React,附属学习教程:
Next.js 中文文档 »
Next.js 实践教程 »
全栈开发教程(付费)»
Remix 基于 React,Next.js最大竞争对手
Nuxt 基于 Vue

后端

技术栈 备注
Nest.js 基于 Node.js
Midway.js 基于 Node.js

数据库

技术栈 备注
Firebase🌟 支持数据库、云函数、登录鉴权
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

登录鉴权

技术栈 备注
Clerk
Firebase 支持数据库、云函数、登录鉴权
Supabase 支持数据库、文件存储、登录鉴权
Next-Auth v4
Next-Auth v5 v5 配置和 v4 不同,请注意区分
v5 Demo
Logto 登录鉴权,有云端版和开源的私有化部署版

支付

技术栈 备注
Paddle 支持中国大陆身份信息注册和提现
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
平台 备注
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
Logo.surf 文本 Logo 生成器

图标库

平台 备注
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 免费提交产品
Pinterest 发布视频频道也会被Google收录(免费)

字体

平台 备注
免费【中文】字体 免费可商用【中文】字体
免费【英文】字体 免费可商用【英文】字体