Next.js 是一个构建在 React 之上的 JavaScript 框架，而 React 是一个用于构建用户界面的流行库。这意味着可以使用 React 来构建应用程序，而 Next.js 提供了额外的工具和功能来简化这一开发过程。Next.js 的主要优势之一是它支持服务器端渲染。意味着服务器可以为页面生成 HTML 并将其发送给客户端，而不是客户端使用 JavaScript 生成 HTML，这样可以提高应用程序的性能和 SEO。
Next.js 还包括许多其他功能，这些功能在构建和部署 Web 应用程序时很有用。例如，它具有自动代码拆分功能，这样有利于提升应用性能，因为应用程序将只加载当前页面所需的代码，而不是一次加载所有代码。Next.js 还有一个内置的开发服务器和一个用于将应用程序部署到生产环境的工具链。
随着...的引入Next.js 13和应用程序路由器的测试版，React服务器组件公开发布。这个新的范例允许不需要React的交互特性的组件，例如useState和useEffect，只保留服务器端。受益于这一新功能的一个方面是国际化。传统上，国际化需要权衡性能，因为加载翻译会导致更大的客户端捆绑包，而使用消息解析器会影响应用程序的客户端运行时性能。
的承诺React服务器组件我们可以鱼与熊掌兼得。如果国际化完全在服务器端实现，我们可以为我们的应用程序实现新的性能水平，而将交互功能留给客户端。但是，当我们需要应该在国际化消息中反映的交互控制的状态时，我们如何使用这种范式呢？
在本文中，我们将探索一个显示Unsplash街头摄影图像的多语言应用程序。我们将使用next-intl为了在React服务器组件中实现我们所有的国际化需求，我们将研究一种以最小的客户端占用空间引入交互性的技术。
