资源分享

Shadcn UI 定制主题：用 Shadcn CLI 生成主题，修改 CSS 变量（--primary、--background 等）。推荐工具：shadcn/registry（社区主题）、Shadcn Theme Generator、Realtime Colors。Tailwind v4 用 @...

开源论坛/社区项目：① Discourse（Ruby，成熟）② Flarum（PHP，轻量）③ Answer（Go，问答型）④ this project（Next.js 全栈）。按技术栈和需求选择，自建推荐 Next.js 栈便于维护。 AI 编程 Prompt 速查手册：代码生成（描述需求+技术...

免费图片资源：Unsplash（高质量摄影）、Pexels（免费照片视频）、Pixabay（综合）、Open Peeps（手绘人物）、Undraw（插画，可改色）、Hero Patterns（几何图案）。都是 CC0 或免费商用，出海项目必备。 Next.js 图片优化：用 next/image...

AI 编程工具快捷键：Cursor（Cmd+K 生成、Cmd+L 聊天、Cmd+I Composer）、Copilot（Tab 接受、Cmd+I Chat）、Windsurf（Cmd+I Cascade）、VS Code 通用（Cmd+P 文件、Cmd+Shift+P 命令）。打印出来贴桌上。 V...

Next.js 性能监控：① Vercel Analytics（官方）② Speed Insights ③ Web Vitals ④ Sentry Performance ⑤ Datadog RUM。免费方案用 Vercel Analytics + Web Vitals，生产环境加 Sentry。...

AI 编程 Prompt 速查手册：代码生成（描述需求+技术栈+约束）、Bug 修复（贴报错+代码+期望）、重构（贴代码+目标）、测试（贴代码+覆盖场景）、文档（贴代码+文档类型）。每个场景一个标准 Prompt 模板。 国际化翻译文件模板：分享一套 zh.json + en.json 模板，包含...

免费图片资源：Unsplash（高质量摄影）、Pexels（免费照片视频）、Pixabay（综合）、Open Peeps（手绘人物）、Undraw（插画，可改色）、Hero Patterns（几何图案）。都是 CC0 或免费商用，出海项目必备。 图标库推荐：Lucide React（Shadcn...

Cursor .cursorrules 模板按技术栈分类：Next.js 通用版、Next.js + Prisma 版、Next.js + Tailwind v4 版、Next.js + Auth.js 版、React Native 版、Python FastAPI 版。每个模板包含技术栈声明、编码...

利益相关：纯个人实践，无任何商业合作。配置文件文末自取。 背景是这样的：手头有个周期两周的小项目，时间紧，所以直接把流程里能自动化的部分全交给了工具链，人只负责把关关键节点。

出海域名选择：① .com 最通用 ② .ai 适合 AI 产品（贵但流行）③ .io 适合技术产品 ④ .dev 适合开发者工具 ⑤ .co 短且便宜。注册商推荐 Porkbun（便宜）、Namecheap（服务好）、Cloudflare（成本价）。 Next.js 全栈脚手架推荐：① crea...

AI 编程 Prompt 速查手册：代码生成（描述需求+技术栈+约束）、Bug 修复（贴报错+代码+期望）、重构（贴代码+目标）、测试（贴代码+覆盖场景）、文档（贴代码+文档类型）。每个场景一个标准 Prompt 模板。 AI 编程工具对比表（2024 最新）：Cursor（$20/月，多文件编辑...

Next.js 图片优化：用 next/image 自动优化格式和尺寸。配置 remotePatterns 允许外部图片域名。LCP 图片加 priority。用 placeholder='blur' 模糊占位。避免 width/height 比例错误导致 CLS。 整理了 10 个我每天都在用的...

Next.js 代码规范模板：ESLint 配置（next/core-web-vitals + jsx-a11y + import）、Prettier 配置、TypeScript 严格模式、命名规范、文件组织结构。团队统一规范，减少 Code Review 争论。 Next.js 测试模板：Vit...

图标库推荐：Lucide React（Shadcn 默认，2000+ 图标）、Heroicons（Tailwind 出品）、Phosphor Icons（多风格）、Tabler Icons（3500+）、Iconify（统一接口 100+ 图标集）、React Icons（聚合库）。推荐 Lucid...

SEO 内容写作模板：① 标题公式（关键词+价值主张+品牌）② description（120-160 字符）③ H1/H2/H3 结构 ④ 首段含关键词 ⑤ 内链 2-3 个 ⑥ 图片 alt 属性 ⑦ 结论+CTA。按模板写保证 SEO 基础达标。 免费 CDN：Cloudflare（最流行，...

免费设计资源：Figma 社区（UI Kit/模板）、Coolors（配色）、Google Fonts（字体）、Unsplash（图片）、Lottie Files（动画）、Framer Community（原型模板）。设计师和开发者都能用。 出海建站资源包：域名注册用 Namecheap/Pork...

Shadcn UI 定制主题：用 Shadcn CLI 生成主题，修改 CSS 变量（--primary、--background 等）。推荐工具：shadcn/registry（社区主题）、Shadcn Theme Generator、Realtime Colors。Tailwind v4 用 @...

Tailwind v4 迁移：① @tailwind 改为 @import 'tailwindcss' ② tailwind.config.ts 改为 CSS 内联 @theme ③ content 配置变化 ④ 插件语法变化 ⑤ 部分类名调整。用官方迁移工具 npx @tailwindcss/up...

Next.js 错误处理模板：包含 error.tsx（路由组错误边界）、global-error.tsx（根错误）、not-found.tsx（404）、loading.tsx（加载状态）。错误消息走 i18n，catch 块用 logger.error，用户看到友好提示。 免费设计资源：Fig...

AI 降 AI 率工具：① GPTZero ② Originality.ai ③ Copyleaks ④ Winston AI。检测工具仅供参考，真正的降 AI 率靠人工改写：加入个人经验、口语化表达、不完美语法、具体案例。 免费 SSL 证书：Let's Encrypt（最流行，90 天续期）、...