Arthus_wyk的博客

NEXT.js会自动获取并构建一个主页，就像提供了一个完整的html一样，可以缓存在CDN中。可以看到home页仍然是一个静态页面，再运行npm run start时，但是数据可以刷新了，这就是重新验证的工作原理。这是因为运行npm run dev时，NEXT.js不会呈现一个html页面，而是在每次刷新都重新生成整个页面。当执行的是npm run start时，呈现的就是静态页面了，这时怎么刷新数字都不会动。然后我们运行npm run dev,在每次刷新页面时，页面上的数字会更新。

中间件允许您在请求完成之前运行代码。然后，根据传入的请求，您可以通过重写、重定向、修改请求或响应标头或直接响应来修改响应。

这一章我们重点来讲一下NEXT,js中的页面路由。

这章我们来重点讨论运行tsx组件和其他React组件的不同。

layout.tsx在本质上是在组件之间共享UI。当我们要创建一个导航栏、侧边栏或者是一个每个页面都有显示的UI时，我们可以把这一部分UI写在layout.tsx中。上一篇中我们介绍了NEXT.js项目的基本结构和如何去新建一个页面。如果我想要让特定的目录下的所有页面加上特定的共同的UI，可以在对应目录下创建一个layout.tsx。children代表了我们的所有页面，在此之上，我们可以在所有页面上添加一个导航栏。在layout.tsx中添加以下代码，做一个简单的导航栏。

NEXT.js的项目结构介绍和演示如何新建页面

从零开始NEXT.js的学习笔记

有些工程会需要从API9升级成API10，或者从API10转为9，不需要重新开个新的工程再复制过来很复杂也容易出错，只要修改配置文件就能直接转换。

真机调试时出现类似报错多半是签名出现了问题，可以尝试重新签名或注意签名时勾选正确的选项。