Next.js升级强调静态网站生成

定位为企业的React框架的Next.js在一个强调静态网站生成的新版本中可用。 更新Next.js 9.3已于3月9日发布。

Next.js 9.3包括一些API附加功能，它们通过新的数据获取方法提供了内置的，优化的静态站点生成。 这些方法包括`getStaticProps`和`getServerSideProps` `getStaticProps`用于在构建时获取数据，并根据数据指定要进行预渲染的动态路由，而`getServerSideProps`用于根据每个请求获取数据。

[ 同样在InfoWorld上：TypeScript与JavaScript：了解差异 ]

Next.js 9.3还提供了一种提供参数以静态生成动态路由静态页面的方法，称为`getStaticPaths` 。 新方法提供了优于以前的`getInitialPaths`模型的优势，从而在服务器端渲染和静态生成之间提供了明显的区别。

Next.js 9.3中的其他新功能和改进包括：

• 通过优化，所有Next.js应用程序的运行时减少了32KB。
• 预览模式，用于绕过静态生成的页面以显示CMS中的草稿。
• 内置的Sass支持全局样式表，应用程序现在可以直接将.scss文件导入为全局样式表。
• 内置的CSS模块支持组件级样式，使用`module.scss`文件约定，可以在应用程序中导入本地范围的CSS并在应用程序中使用。
• 通过静态服务404页面，自动进行404页面的静态优化，从而提高了可靠性和速度。

[ 同样在InfoWorld上：React，Angular和Vue的15种绝佳替代方案 ]

Next.js 9.3引用的所有更改都是不间断且向后兼容的。 要访问升级，开发人员应运行以下命令：

$ npm i next@latest react@latest react-dom@latest

From: https://www.infoworld.com/article/3532316/nextjs-upgrade-emphasizes-static-site-generation.html