m0_54644067的博客

通过在页面(pages)中添加导出的getStaticProps函数，我们可以告诉Next.js我们想要预渲染的页面。Next.js将在构建时(yarn build)运行此函数，并将返回的数据序列化为JSON，以便在页面加载时可以使用。此函数的返回值是固定的，必须是一个对象props返回对象中包含props键，其值是要传递给页面的数据。页面可以通过添加props参数获取此数据。revalidate通过在返回值中添加(x是数字类型), 告诉Next.js，这个页面应该在被构建和部署之后,每过x秒重

假设在项目目录下有一个pages文件夹, 里面有一些页面文件, 比如index.js, about.js, contact.js等等.这些页面需要请求后台数据.那么当用户访问这些页面时, 服务器端会先返回一个空的HTML文件和所有javascript代码, 然后这些javascript代码运行, 并向后端请求数据,最后把数据渲染到页面上.这样的话,用户在访问页面时, 会先看到一个空白页面,然后再看到页面内容.这样的体验不是很好.Next.js不是在页面被发送到客户端后加载数据, 而是在服务器端就加载数

在 Next.js 中，一个 page（页面） 就是一个从 .js、jsx、.ts 或 .tsx 文件导出（export）的 React 组件 ，这些文件存放在 pages 目录下。每个page（页面）都使用其文件名作为路由（route）。如果你创建了一个命名为的文件并导出（export）一个如下所示的 React 组件，则可以通过 /about 路径进行访问。