NextJS极慢

Question

我正在开发一个关于nextjs的网站，但是Link组件和路由器让我有点抓狂。当我点击一个链接，它有一个可怕的延迟访问页面之前，然后如果你使用浏览器回按钮，页面不改变，只是网址。

这是我网站的链接，不知道实际发生了什么。https://next-madeleine.tmsssss.vercel.app/

Answer 1

对于、Next.js、和其他框架来说，开发时间缓慢也是很常见的。正如我可以看到和确认在您的生产现场网站，链接工作良好，甚至伟大。这是因为在开发过程中，Next.js和webpack使用了某些工具和包来对代码进行动态编译。当然，这些工具在生产版本中被禁用和删除，页面由Next.js缓存。

因此，尝试运行npm run dev并将其与npm run build进行比较，然后是npm run start

Answer 2

每次链接到页面时，NextJS都会运行getInitialProps、getServerSideProps和getStaticProps，这可能很费时。您可以跳过此操作，只需对页面进行浅路由。Link接受一个名为shallow={true}的布尔道具。

<Link href='/your-page' shallow>Your Page</Link>

与Next的router.push

router.push('your-page', undefined, { shallow: true })

阅读更多关于浅路由- https://nextjs.org/docs/routing/shallow-routing的信息