开源论坛/社区项目推荐
Next.js 部署平台:Vercel(官方,最佳体验)、Netlify(替代方案)、Railway(全栈,含数据库)、Fly.io(边缘部署)、self-host(Docker)。开发用 Vercel,成本敏感考虑 Railway 或 self-host。 AI 编程工具对比表(2024 最新)...
Next.js 部署平台:Vercel(官方,最佳体验)、Netlify(替代方案)、Railway(全栈,含数据库)、Fly.io(边缘部署)、self-host(Docker)。开发用 Vercel,成本敏感考虑 Railway 或 self-host。 AI 编程工具对比表(2024 最新)...
免费 CDN:Cloudflare(最流行,免费额度大)、jsDelivr(开源 CDN)、unpkg(npm CDN)。图床:Cloudflare R2(10GB 免费)、Vercel Blob、Supabase Storage。出海项目用 Cloudflare 一站式解决。 Next.js 错...
Next.js 代码规范模板:ESLint 配置(next/core-web-vitals + jsx-a11y + import)、Prettier 配置、TypeScript 严格模式、命名规范、文件组织结构。团队统一规范,减少 Code Review 争论。 Vibecoding 实战案例:...
SEO 结构化数据模板:WebPage(基础页面)、Article(文章)、FAQPage(问答)、Product(产品)、BreadcrumbList(面包屑)、Organization(组织)。每个模板含必填字段和 JSON-LD script 标签写法。 AI 降 AI 率工具:① GPTZ...
Next.js 性能监控:① Vercel Analytics(官方)② Speed Insights ③ Web Vitals ④ Sentry Performance ⑤ Datadog RUM。免费方案用 Vercel Analytics + Web Vitals,生产环境加 Sentry。...
出海域名选择:① .com 最通用 ② .ai 适合 AI 产品(贵但流行)③ .io 适合技术产品 ④ .dev 适合开发者工具 ⑤ .co 短且便宜。注册商推荐 Porkbun(便宜)、Namecheap(服务好)、Cloudflare(成本价)。 Tailwind 组件灵感:① Tailwi...
出海支付集成:Stripe(国际最全)、Lemon Squeezy(Merchant of Record,省税务)、Paddle(类似 LS)、Razorpay(印度)、微信/支付宝(国内)。SaaS 推荐 Stripe 或 Lemon Squeezy(后者自动处理全球税务)。 AI 编程工具扩展...
Prisma 迁移最佳实践:① 开发用 prisma migrate dev ② 生产用 prisma migrate deploy ③ schema 变更先 migrate 再改代码 ④ 索引变更检查查询影响 ⑤ 删除字段先确认无引用 ⑥ 迁移文件提交到 Git。 UI 组件库 2024 版推荐...
AI 编程工具扩展:Cursor 扩展(Better Cursor Rules、Cursor Brag)、VS Code 扩展(Codeium、Tabnine、Supermaven)。推荐 Better Cursor Rules,社区维护的 .cursorrules 集合,按项目类型选择。 Pri...
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 SEO 配置模板分享:包含 generateMetadata 函数(title/description/OG/Twitter Card)、sitemap.xml 路由处理器、robots.txt、JSON-LD 结构化数据(WebPage/Article/FAQPage)、hrefl...
Tailwind v4 迁移:① @tailwind 改为 @import 'tailwindcss' ② tailwind.config.ts 改为 CSS 内联 @theme ③ content 配置变化 ④ 插件语法变化 ⑤ 部分类名调整。用官方迁移工具 npx @tailwindcss/up...
Vibecoding 工作流模板:① 描述需求(自然语言)② AI 生成框架 ③ 人工审查逻辑 ④ AI 补充细节 ⑤ 测试验证 ⑥ 迭代优化 ⑦ 部署上线。每步都配 AI 工具,效率比传统开发提升 3-5 倍。 Vercel 优化清单:① 函数冷启动优化 ② Edge Runtime ③ ISR...
出海建站资源包:域名注册用 Namecheap/Porkbun、DNS 用 Cloudflare、部署用 Vercel、数据库用 Supabase/Neon、邮件用 Resend、支付用 Stripe/Lemon Squeezy、分析用 Plausible/GA4、监控用 Sentry、错误日志用...
免费图片资源:Unsplash(高质量摄影)、Pexels(免费照片视频)、Pixabay(综合)、Open Peeps(手绘人物)、Undraw(插画,可改色)、Hero Patterns(几何图案)。都是 CC0 或免费商用,出海项目必备。 开源论坛/社区项目:① Discourse(Ruby...
国际化翻译文件模板:分享一套 zh.json + en.json 模板,包含 auth/forum/dashboard/errors/common 五个命名空间,ICU 插值格式,最多 2 层嵌套。符合 next-intl 规范,直接复制修改。 Shadcn UI 定制主题:用 Shadcn CL...
Auth.js 认证模板:包含 credentials provider(邮箱密码)、Google OAuth、GitHub OAuth、JWT callback、session callback、middleware 认证。开箱即用的认证方案,复制到项目即可。 出海产品配色方案:① 蓝色系(信任...
SEO 结构化数据模板:WebPage(基础页面)、Article(文章)、FAQPage(问答)、Product(产品)、BreadcrumbList(面包屑)、Organization(组织)。每个模板含必填字段和 JSON-LD script 标签写法。 Tailwind 组件灵感:① Ta...
免费 CDN:Cloudflare(最流行,免费额度大)、jsDelivr(开源 CDN)、unpkg(npm CDN)。图床:Cloudflare R2(10GB 免费)、Vercel Blob、Supabase Storage。出海项目用 Cloudflare 一站式解决。 Next.js S...