Arthus_wyk-CSDN博客

原创从零开始NEXT.js(七)——静态站点

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

2024-08-20 11:42:25 367

原创从零开始NEXT.js(六)——中间件

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

2024-08-14 11:13:19 477

原创从零开始NEXT.js(五)——路由组和平行路由

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

2024-07-23 16:58:50 479

原创从零开始NEXT.js(四)——服务器组件

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

2024-07-17 15:28:17 1190

原创从零开始NEXT.js(三)——layout.tsx的用法

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

2024-07-11 10:36:48 2726