花了一些时间把导航站接入了 Google 登录、Lemon 付款、多语言。
对没做过的小白来说，这三个真的都挺复杂的😂。
🔑 Google 登录：
用的 Next-Auth，由于是 Cloudflare 部署，所以目前只能用 V5 beta 版。有了解到其他项目在 Vercel 上是可以用 V4 版的。
如果有用 Supabase，直接用它自带的 Auth 模块更香。
嫌麻烦也可也用 Clerk，免费额度也挺高。
这里有个小技巧：Google oAuth 应用不上传 Logo 就免审核！
💳 Lemon 付款：
整体不复杂，checkout 时生成一个 checkout url，然后搞一个 order_created 的 webhook 就可以了，其他都是自己的业务逻辑。
由于是导航站提交一次性付款，暂时没用订阅，订阅的逻辑应该复杂一些。
可以参考官方的一个 nextjs-billing 仓库，是按订阅制实现的。
🌐 多语言 i18n：
没想到 react 生态的多语言这么杂，而且 next 14 后又变天了。
挑了一个没那么臃肿的 next-intl。
坑1：无法渲染数组，只能以对象的形式替代。
坑2：官方推荐的 VSCode 扩展 i18n-Ally 的翻译功能用不了，后期只能写脚本解决了，其他功能还挺好用的，推荐试下~。
导航站已经收录 2000+ 产品啦（名义上），网站 DR 也已经到 25 🥳，有需要的小伙伴可以加反链提交，自动通过，否则看质量哈~
提交的网站也会自动同步到 Github 的开源数据中，多了二次传播的机会~
💪🏻💪🏻
#buildinpublic
对没做过的小白来说，这三个真的都挺复杂的😂。
🔑 Google 登录：
用的 Next-Auth，由于是 Cloudflare 部署，所以目前只能用 V5 beta 版。有了解到其他项目在 Vercel 上是可以用 V4 版的。
如果有用 Supabase，直接用它自带的 Auth 模块更香。
嫌麻烦也可也用 Clerk，免费额度也挺高。
这里有个小技巧：Google oAuth 应用不上传 Logo 就免审核！
💳 Lemon 付款：
整体不复杂，checkout 时生成一个 checkout url，然后搞一个 order_created 的 webhook 就可以了，其他都是自己的业务逻辑。
由于是导航站提交一次性付款，暂时没用订阅，订阅的逻辑应该复杂一些。
可以参考官方的一个 nextjs-billing 仓库，是按订阅制实现的。
🌐 多语言 i18n：
没想到 react 生态的多语言这么杂，而且 next 14 后又变天了。
挑了一个没那么臃肿的 next-intl。
坑1：无法渲染数组，只能以对象的形式替代。
坑2：官方推荐的 VSCode 扩展 i18n-Ally 的翻译功能用不了，后期只能写脚本解决了，其他功能还挺好用的，推荐试下~。
导航站已经收录 2000+ 产品啦（名义上），网站 DR 也已经到 25 🥳，有需要的小伙伴可以加反链提交，自动通过，否则看质量哈~
提交的网站也会自动同步到 Github 的开源数据中，多了二次传播的机会~
💪🏻💪🏻
#buildinpublic
