资源分享

AI 编程 Prompt 速查手册：代码生成（描述需求+技术栈+约束）、Bug 修复（贴报错+代码+期望）、重构（贴代码+目标）、测试（贴代码+覆盖场景）、文档（贴代码+文档类型）。每个场景一个标准 Prompt 模板。 SaaS Boilerplate 横评：① ShipFast（Next.js...

免费图片资源：Unsplash（高质量摄影）、Pexels（免费照片视频）、Pixabay（综合）、Open Peeps（手绘人物）、Undraw（插画，可改色）、Hero Patterns（几何图案）。都是 CC0 或免费商用，出海项目必备。 Tailwind v4 迁移：① @tailwind...

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

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

SEO 结构化数据模板：WebPage（基础页面）、Article（文章）、FAQPage（问答）、Product（产品）、BreadcrumbList（面包屑）、Organization（组织）。每个模板含必填字段和 JSON-LD script 标签写法。 国际化翻译文件模板：分享一套 zh....

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

Tailwind 组件灵感：① Tailwind UI（官方，部分付费）② HyperUI（免费开源）③ Preline UI（免费）④ Flowrift ⑤ Meraki UI ⑥ TailwindComponents（社区）。先看灵感再自己写，比直接复制学到的更多。 免费 SSL 证书：Let...

Server Action 代码模板：包含 Zod 校验、权限检查、事务处理、错误处理、revalidatePath、i18n 错误消息的标准模板。复制后替换业务逻辑即可，确保符合 Server Action 规范。 免费设计资源：Figma 社区（UI Kit/模板）、Coolors（配色）、G...

AI 编程工具对比表（2024 最新）：Cursor（$20/月，多文件编辑最强）、Copilot（$10/月，生态最全）、Windsurf（$15/月，速度最快）、Cline（开源免费，需自备 API）、Trae（国产，中文最好）。按预算和场景选择。 SEO 结构化数据模板：WebPage（基础...

Next.js 中间件模板：包含认证重定向、API 限流、i18n 路由处理的标准模板。middleware 只做认证和安全防护，禁止业务逻辑重定向。matcher 排除 /api、/_next、静态文件。 Vibecoding 工作流模板：① 描述需求（自然语言）② AI 生成框架 ③ 人工审查...

Tailwind 组件灵感：① Tailwind UI（官方，部分付费）② HyperUI（免费开源）③ Preline UI（免费）④ Flowrift ⑤ Meraki UI ⑥ TailwindComponents（社区）。先看灵感再自己写，比直接复制学到的更多。 Cursor .curso...

免费设计资源：Figma 社区（UI Kit/模板）、Coolors（配色）、Google Fonts（字体）、Unsplash（图片）、Lottie Files（动画）、Framer Community（原型模板）。设计师和开发者都能用。 Next.js 部署平台：Vercel（官方，最佳体验）...

免费设计资源：Figma 社区（UI Kit/模板）、Coolors（配色）、Google Fonts（字体）、Unsplash（图片）、Lottie Files（动画）、Framer Community（原型模板）。设计师和开发者都能用。 Next.js 中间件模板：包含认证重定向、API 限流...

Next.js 全栈脚手架推荐：① create-next-app（官方）② next-boat ③ t3-stack ④ skateshop ⑤ next-saas-starter。按技术栈组合选择：T3 Stack（tRPC+Prisma+Tailwind）、Next-auth+Prisma 组...

免费 CDN：Cloudflare（最流行，免费额度大）、jsDelivr（开源 CDN）、unpkg（npm CDN）。图床：Cloudflare R2（10GB 免费）、Vercel Blob、Supabase Storage。出海项目用 Cloudflare 一站式解决。 整理了 10 个我...

Next.js 代码规范模板：ESLint 配置（next/core-web-vitals + jsx-a11y + import）、Prettier 配置、TypeScript 严格模式、命名规范、文件组织结构。团队统一规范，减少 Code Review 争论。 出海产品配色方案：① 蓝色系（信...

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

免费中英文字体推荐：中文用 Noto Sans SC（Google Fonts）、霞鹜文楷（开源楷体）、思源黑体；英文用 Inter（最流行）、Geist（Vercel 出品）、JetBrains Mono（代码）。用 next/font 加载，自动优化和子集化。 Next.js 部署平台：Ver...

SEO 工具大全：关键词研究用 Ahrefs/SEMrush/Ubersuggest，排名监控用 Google Search Console/AccuRanker，技术 SEO 用 Screaming Frog/Sitebulb，内容优化用 Surfer SEO/Clearscope，免费替代用 G...

Next.js SEO 配置模板分享：包含 generateMetadata 函数（title/description/OG/Twitter Card）、sitemap.xml 路由处理器、robots.txt、JSON-LD 结构化数据（WebPage/Article/FAQPage）、hrefl...