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_w、Github@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 |
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 |
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 | 免费提交产品 |
发布视频频道也会被Google收录(免费) |
字体
平台 | 备注 |
---|---|
免费【中文】字体 | 免费可商用【中文】字体 |
免费【英文】字体 | 免费可商用【英文】字体 |