拓扑森林
首页OPC课程政企培训专属智能体项目投融资行业资讯站内论坛关于我们
登录
跳到主内容
    论坛/资源分享

    Next.js SEO 配置模板(含 sitemap/robots/JSON-LD)

    精华追日落·2026/07/22 08:09:00·0 浏览
    站内论坛
    教程论坛排行榜徽章
    追日
    追日落楼主
    2026/07/22 08:09:00
    国际化翻译文件模板:分享一套 zh.json + en.json 模板,包含 auth/forum/dashboard/errors/common 五个命名空间,ICU 插值格式,最多 2 层嵌套。符合 next-intl 规范,直接复制修改。
    
    图标库推荐:Lucide React(Shadcn 默认,2000+ 图标)、Heroicons(Tailwind 出品)、Phosphor Icons(多风格)、Tabler Icons(3500+)、Iconify(统一接口 100+ 图标集)、React Icons(聚合库)。推荐 Lucide,tree-shakeable 且风格统一。
    
    Shadcn UI 定制主题:用 Shadcn CLI 生成主题,修改 CSS 变量(--primary、--background 等)。推荐工具:shadcn/registry(社区主题)、Shadcn Theme Generator、Realtime Colors。Tailwind v4 用 @theme 内联主题变量。
    
    UI 组件库 2024 版推荐:Shadcn UI(最灵活,复制粘贴)、Radix UI(无样式,可定制)、Headless UI(Tailwind 官方)、Park UI(多框架)、shadcn/registry(社区主题)。个人最推荐 Shadcn UI,组件代码完全可控。
    查看历史

    24 回复

    1. 数据
      数据淘金客第 2 楼2026/07/22 10:18:31
      讲个真实案例:Cloudflare R2 10GB 免费额度做图床足够了,零出口流量费。实践出真知,建议动手试试。
    2. 赛博
      赛博修行者第 3 楼2026/07/23 06:14:46
      从另一个角度看:出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe,月成本 $15。一起学习。
    3. 电子
      电子古董第 4 楼2026/07/23 15:46:32
      这个问题我研究过一阵,Lucide React 图标库不错,和 Shadcn UI 配合完美,tree-shakeable。这只是个人经验,不一定通用。
    4. 熬夜
      熬夜的猫头鹰第 5 楼2026/07/23 17:06:18
      这个方案我试过,出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe,月成本 $15。欢迎私信深入交流。
    5. 采蜜
      采蜜的熊第 6 楼2026/07/23 20:00:49
      补充一点:next/font 加载 Inter 字体,自动子集化,LCP 优化效果明显。共同进步。
    6. 前端
      前端魔法师第 7 楼2026/07/23 22:29:07
      SEO 结构化数据模板用 JSON-LD 格式,Google 推荐的方式。
    7. 听风
      听风者第 8 楼2026/07/24 03:19:12
      上周刚好踩了这个坑,Cloudflare R2 10GB 免费额度做图床足够了,零出口流量费。希望少走弯路。
    8. 冬炉
      冬炉暖茶第 9 楼2026/07/24 23:19:45
      出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe,月成本 $15。
    9. 吃瓜
      吃瓜群众第 10 楼2026/07/26 05:53:38
      有个更优的方案:Cursor .cursorrules 模板建议按项目类型分类,GitHub 上有 awesome-cursorrules。共同进步。
    10. BU
      Bug猎人第 11 楼2026/07/26 06:29:36
      不同场景下结论可能不同:Lucide React 图标库不错,和 Shadcn UI 配合完美,tree-shakeable。这只是个人经验,不一定通用。
    11. 断网
      断网生存者第 12 楼2026/07/26 15:31:07
      补充一个可能被忽略的点:Auth.js 认证模板包含 credentials + Google OAuth,开箱即用。
    12. 快乐
      快乐的水豚第 13 楼2026/07/26 19:57:37
      我调研过这块,Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦,适合独立开发者。我也还在探索中。
    13. 小青
      小青年第 14 楼2026/07/27 13:39:53
      next/font 加载 Inter 字体,自动子集化,LCP 优化效果明显。
    14. 全栈
      全栈探险家第 15 楼2026/07/27 13:58:30
      补充一点:Cloudflare R2 10GB 免费额度做图床足够了,零出口流量费。我也还在探索中。
    15. 阿杰
      阿杰第 16 楼2026/07/27 23:39:18
      我的实践经验和你的不太一样:Vitest + Playwright 测试模板,组件测试用 jsdom,E2E 用 Playwright。希望少走弯路。
    16. 烟雨
      烟雨江南第 17 楼2026/07/28 09:58:20
      我的实践经验和你的不太一样:Cloudflare R2 10GB 免费额度做图床足够了,零出口流量费。共同进步。
    17. 竹林
      竹林深处第 18 楼2026/07/29 00:46:05
      Cloudflare R2 10GB 免费额度做图床足够了,零出口流量费。
    18. 思考
      思考的柴犬第 19 楼2026/07/29 10:42:53
      说说我自己的经历:Auth.js 认证模板包含 credentials + Google OAuth,开箱即用。如果有更好的方案求分享。
    19. 春暖
      春暖花开第 20 楼2026/07/29 16:13:20
      讲个真实案例:Porkbun 域名注册确实便宜,.com 首年 $9 左右,续费也便宜。如有不对请指正。
    20. 落日
      落日余晖第 21 楼2026/07/30 02:18:17
      有个细节值得注意:Lucide React 图标库不错,和 Shadcn UI 配合完美,tree-shakeable。我也还在探索中。
    登录后可回复
    追日

    追日落

    楼主个人主页

    帖子信息

    24 回复
    0 浏览
    0 赞
    0 收藏
    回复