在Next.js 8发布五个月后,今天有一个令人兴奋的新闻正在等待Next.js用户。今天Next.js团队发布了他们的下一个版本Next.js 9。此版本的主要亮点是内置的zero-config TypeScript支持,自动静态优化,API路由和改进的开发人员体验,所有功能都向后兼容Next.js的早期版本。

自动安装

在Next.js中开始使用TypeScript非常简单:将任何文件,页面或组件重命名为“.js”到“.tsx”。然后,运行'next dev'。 Next.js还将创建一个默认的'tsconfig.json',其中包含合理的默认值(如果尚未存在)。

集成类型检查

在开发过程中,Next.js将在保存文件后显示类型错误。类型检查在后台进行,允许用户立即在浏览器中与更新的应用程序进行交互。类型错误将在可用时传播到浏览器。如果存在类型错误,Next.js也将自动失败生产构建。这有助于防止将代码发送到生产中。

动态路由段

Next.js支持使用基本命名参数创建路由,这种模式由 ‘path-to-regexp’推广。现在可以通过在页面目录中创建名为''pages ‘pages/post/[pid].js’的文件来创建与路径‘/post/:pid’匹配的页面。

Next.js将自动匹配 ‘/post/1, /post/hello-nextjs’等请求,并呈现‘pages/post/[pid].js’中定义的页面。匹配的URL段将作为查询参数传递给您的页面,其名称在“[方括号]”之间指定。

自动静态优化

从Next.js 9开始,用户将不再需要在完全服务器呈现或静态导出其应用程序之间做出选择。用户现在可以按页面执行这两项操作。

自动部分静态导出

引入了一种启发式方法来自动确定是否可以使用“getInitialProps”将页面预呈现为静态HTML。这允许Next.js发出包含服务器呈现和静态生成页面的混合应用程序。

内置的Next.js服务器 (‘next start’)和编程API (‘app.getRequestHandler()’)都透明地支持这个构建输出。无需配置或特殊处理。静态生成的页面仍然是被动的:Next.js将为应用程序客户端提供水分以实现完全交互。此外,如果页面依赖于URL中的查询参数,Next.js也将在水合后更新应用程序。

原文来自:

本文地址://gulass.cn/next-js9-release.html编辑:清蒸github,审核员:逄增宝

Linux大全:

Linux系统大全:

红帽认证RHCE考试心得: