Next.js 图片优化方案对比
Next.js 全栈脚手架推荐:① create-next-app(官方)② next-boat ③ t3-stack ④ skateshop ⑤ next-saas-starter。按技术栈组合选择:T3 Stack(tRPC+Prisma+Tailwind)、Next-auth+Prisma 组...
Next.js 全栈脚手架推荐:① create-next-app(官方)② next-boat ③ t3-stack ④ skateshop ⑤ next-saas-starter。按技术栈组合选择:T3 Stack(tRPC+Prisma+Tailwind)、Next-auth+Prisma 组...
开源论坛/社区项目:① Discourse(Ruby,成熟)② Flarum(PHP,轻量)③ Answer(Go,问答型)④ this project(Next.js 全栈)。按技术栈和需求选择,自建推荐 Next.js 栈便于维护。 出海域名选择:① .com 最通用 ② .ai 适合 AI...
AI 编程 Prompt 模板库推荐:① awesome-cursorrules(GitHub 上的 .cursorrules 集合)② promptbase(Prompt 市场)③ langchain prompts ④ openai cookbook ⑤ Anthropic prompt lib...
免费 CDN:Cloudflare(最流行,免费额度大)、jsDelivr(开源 CDN)、unpkg(npm CDN)。图床:Cloudflare R2(10GB 免费)、Vercel Blob、Supabase Storage。出海项目用 Cloudflare 一站式解决。 免费图片资源:Un...
AI 编程 Prompt 速查手册:代码生成(描述需求+技术栈+约束)、Bug 修复(贴报错+代码+期望)、重构(贴代码+目标)、测试(贴代码+覆盖场景)、文档(贴代码+文档类型)。每个场景一个标准 Prompt 模板。 SaaS Boilerplate 横评:① ShipFast(Next.js...
分享一套我打磨了三个月的 vibecoding 出海 SaaS 模板:Next.js 15 + Auth.js + Prisma + Stripe + Resend + Tailwind v4 + Shadcn UI。包含认证、订阅、邮件、i18n、SEO、Admin 后台。开箱即用,省去两周搭架子...
免费 CDN:Cloudflare(最流行,免费额度大)、jsDelivr(开源 CDN)、unpkg(npm CDN)。图床:Cloudflare R2(10GB 免费)、Vercel Blob、Supabase Storage。出海项目用 Cloudflare 一站式解决。 Prisma 迁移...
Next.js 中间件模板:包含认证重定向、API 限流、i18n 路由处理的标准模板。middleware 只做认证和安全防护,禁止业务逻辑重定向。matcher 排除 /api、/_next、静态文件。 Next.js 错误处理模板:包含 error.tsx(路由组错误边界)、global-e...
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 命令)。打印出来贴桌上。 S...
Tailwind v4 迁移:① @tailwind 改为 @import 'tailwindcss' ② tailwind.config.ts 改为 CSS 内联 @theme ③ content 配置变化 ④ 插件语法变化 ⑤ 部分类名调整。用官方迁移工具 npx @tailwindcss/up...
Next.js 中间件模板:包含认证重定向、API 限流、i18n 路由处理的标准模板。middleware 只做认证和安全防护,禁止业务逻辑重定向。matcher 排除 /api、/_next、静态文件。 Vibecoding 工作流模板:① 描述需求(自然语言)② AI 生成框架 ③ 人工审查...
Next.js 代码规范模板:ESLint 配置(next/core-web-vitals + jsx-a11y + import)、Prettier 配置、TypeScript 严格模式、命名规范、文件组织结构。团队统一规范,减少 Code Review 争论。 Vibecoding 工作流模板...
AI 降 AI 率工具:① GPTZero ② Originality.ai ③ Copyleaks ④ Winston AI。检测工具仅供参考,真正的降 AI 率靠人工改写:加入个人经验、口语化表达、不完美语法、具体案例。 免费 SSL 证书:Let's Encrypt(最流行,90 天续期)、...
免费设计资源:Figma 社区(UI Kit/模板)、Coolors(配色)、Google Fonts(字体)、Unsplash(图片)、Lottie Files(动画)、Framer Community(原型模板)。设计师和开发者都能用。 Next.js 部署平台:Vercel(官方,最佳体验)...
SEO 结构化数据模板:WebPage(基础页面)、Article(文章)、FAQPage(问答)、Product(产品)、BreadcrumbList(面包屑)、Organization(组织)。每个模板含必填字段和 JSON-LD script 标签写法。 Auth.js 认证模板:包含 cr...
免费图片资源:Unsplash(高质量摄影)、Pexels(免费照片视频)、Pixabay(综合)、Open Peeps(手绘人物)、Undraw(插画,可改色)、Hero Patterns(几何图案)。都是 CC0 或免费商用,出海项目必备。 免费 CDN:Cloudflare(最流行,免费额度...
Next.js 部署平台:Vercel(官方,最佳体验)、Netlify(替代方案)、Railway(全栈,含数据库)、Fly.io(边缘部署)、self-host(Docker)。开发用 Vercel,成本敏感考虑 Railway 或 self-host。 AI 编程工具扩展:Cursor 扩展...
出海建站资源包:域名注册用 Namecheap/Porkbun、DNS 用 Cloudflare、部署用 Vercel、数据库用 Supabase/Neon、邮件用 Resend、支付用 Stripe/Lemon Squeezy、分析用 Plausible/GA4、监控用 Sentry、错误日志用...
出海支付集成: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 版推荐...