林间
资源分享林间晨露
免费图片资源网站合集（CC0 商用）
分享一套我打磨了三个月的 vibecoding 出海 SaaS 模板：Next.js 15 + Auth.js + Prisma + Stripe + Resend + Tailwind v4 + Shadcn UI。包含认证、订阅、邮件、i18n、SEO、Admin 后台。开箱即用，省去两周搭架子...
2748913
分享一套我打磨了三个月的 vibecoding 出海 SaaS 模板：Next.js 15 + Auth.js + Prisma + Stripe + Resend + Tailwind v4 + Shadcn UI。包含认证、订阅、邮件、i18n、SEO、Admin 后台。开箱即用，省去两周搭架子...
Auth.js 认证模板：包含 credentials provider（邮箱密码）、Google OAuth、GitHub OAuth、JWT callback、session callback、middleware 认证。开箱即用的认证方案，复制到项目即可。 SaaS Boilerplate...
免费中英文字体推荐：中文用 Noto Sans SC（Google Fonts）、霞鹜文楷（开源楷体）、思源黑体；英文用 Inter（最流行）、Geist（Vercel 出品）、JetBrains Mono（代码）。用 next/font 加载，自动优化和子集化。 Next.js 错误处理模板：包...
Tailwind 组件灵感：① Tailwind UI（官方，部分付费）② HyperUI（免费开源）③ Preline UI（免费）④ Flowrift ⑤ Meraki UI ⑥ TailwindComponents（社区）。先看灵感再自己写，比直接复制学到的更多。 Next.js SEO 配...
Next.js 博客模板对比：① next-portfolio-blog（简洁）② velite（内容集合）③ contentlayer（已停更）④ next-blog-theme（Vercel 官方）⑤ hashnode（托管型）。按内容管理方式选择：MDX 文件 vs CMS vs Headle...
AI 编程工具扩展：Cursor 扩展（Better Cursor Rules、Cursor Brag）、VS Code 扩展（Codeium、Tabnine、Supermaven）。推荐 Better Cursor Rules，社区维护的 .cursorrules 集合，按项目类型选择。 Pri...
出海建站资源包：域名注册用 Namecheap/Porkbun、DNS 用 Cloudflare、部署用 Vercel、数据库用 Supabase/Neon、邮件用 Resend、支付用 Stripe/Lemon Squeezy、分析用 Plausible/GA4、监控用 Sentry、错误日志用...
Vibecoding 学习社区：Reddit r/nextjs、r/webdev、Hacker News、Indie Hackers、V2EX、掘金、Next.js Discord。英文社区信息更新快，中文社区讨论深入。多看别人分享的项目和经验。 Next.js 图片优化：用 next/image...
免费设计资源：Figma 社区（UI Kit/模板）、Coolors（配色）、Google Fonts（字体）、Unsplash（图片）、Lottie Files（动画）、Framer Community（原型模板）。设计师和开发者都能用。 Next.js 中间件模板：包含认证重定向、API 限流...
补充一点：如果团队里有人对这块不熟，建议先做个 15 分钟的内部分享再推进，共识成本远低于返工成本。 踩过的坑主要是配置层面。文档写得比较理想化，实际跑起来至少有两处和预期不一致，查 issue 才找到解法，后面附上具体配置。
开源论坛/社区项目：① Discourse（Ruby，成熟）② Flarum（PHP，轻量）③ Answer（Go，问答型）④ this project（Next.js 全栈）。按技术栈和需求选择，自建推荐 Next.js 栈便于维护。 Next.js 错误处理模板：包含 error.tsx（路由...
Tailwind v4 迁移：① @tailwind 改为 @import 'tailwindcss' ② tailwind.config.ts 改为 CSS 内联 @theme ③ content 配置变化 ④ 插件语法变化 ⑤ 部分类名调整。用官方迁移工具 npx @tailwindcss/up...
整理了 10 个我每天都在用的 Next.js 开发工具：① next-learn 官方教程 ② shadcn/ui 组件库 ③ prettier-plugin-tailwindcss ④ next-bundle-analyzer ⑤ react-devtools ⑥ prisma-studio ⑦...
开源 Admin Dashboard 模板：① shadcn-admin ② next-admin ③ adminjs ④ refine ⑤ turbo-admin。按需求选择：简单后台用 shadcn-admin，复杂 CRUD 用 refine，需要 ORM 集成用 adminjs。 Vibe...
开源论坛/社区项目：① Discourse（Ruby，成熟）② Flarum（PHP，轻量）③ Answer（Go，问答型）④ this project（Next.js 全栈）。按技术栈和需求选择，自建推荐 Next.js 栈便于维护。 整理了 10 个我每天都在用的 Next.js 开发工具：①...
AI 编程 Prompt 模板库推荐：① awesome-cursorrules（GitHub 上的 .cursorrules 集合）② promptbase（Prompt 市场）③ langchain prompts ④ openai cookbook ⑤ Anthropic prompt lib...
Next.js SEO 配置模板分享：包含 generateMetadata 函数（title/description/OG/Twitter Card）、sitemap.xml 路由处理器、robots.txt、JSON-LD 结构化数据（WebPage/Article/FAQPage）、hrefl...
AI 编程学习路径：① 先学 HTML/CSS/JS 基础 ② 学 React + Next.js ③ 学 TypeScript ④ 学数据库 + Prisma ⑤ 学 Auth.js 认证 ⑥ 学 Tailwind CSS ⑦ 用 Cursor/Copilot 辅助 ⑧ 学 Prompt 工程 ⑨...
国际化翻译文件模板：分享一套 zh.json + en.json 模板，包含 auth/forum/dashboard/errors/common 五个命名空间，ICU 插值格式，最多 2 层嵌套。符合 next-intl 规范，直接复制修改。 免费 CDN：Cloudflare（最流行，免费额度...
AI 编程 Prompt 模板库推荐：① awesome-cursorrules（GitHub 上的 .cursorrules 集合）② promptbase（Prompt 市场）③ langchain prompts ④ openai cookbook ⑤ Anthropic prompt lib...