网站建设资讯

Next.js 13提升网站建设

网站优化 2023-05-17 14:01:33 | 阅读:296

深圳网站建设公司

 

Next.js 还包括许多其他功能,这些功能在构建和部署 Web 应用程序时很有用。例如,它具有自动代码拆分功能,这样有利于提升应用性能,因为应用程序将只加载当前页面所需的代码,而不是一次加载所有代码。Next.js 还有一个内置的开发服务器和一个用于将应用程序部署到生产环境的工具链。

随着...的引入Next.js 13和应用程序路由器的测试版,React服务器组件公开发布。这个新的范例允许不需要React的交互特性的组件,例如useState和useEffect,只保留服务器端。受益于这一新功能的一个方面是国际化。传统上,国际化需要权衡性能,因为加载翻译会导致更大的客户端捆绑包,而使用消息解析器会影响应用程序的客户端运行时性能。

承诺React服务器组件我们可以鱼与熊掌兼得。如果国际化完全在服务器端实现,我们可以为我们的应用程序实现新的性能水平,而将交互功能留给客户端。但是,当我们需要应该在国际化消息中反映的交互控制的状态时,我们如何使用这种范式呢?

在本文中,我们将探索一个显示Unsplash街头摄影图像的多语言应用程序。我们将使用next-intl为了在React服务器组件中实现我们所有的国际化需求,我们将研究一种以最小的客户端占用空间引入交互性的技术。