NextJS 极慢答案

【问题标题】：NextJS extremely slowNextJS 极慢
【发布时间】：2021-05-19 23:49:56
【问题描述】：

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

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

【问题讨论】：

我们能看到代码吗？您的地址栏中有一个标签，它看起来不像原生的 next.js 路由器。并尽量避免在堆栈溢出时共享的链接上出现“nique ta mere”。
哎呀完全忘记了这条路线，我删除了谢谢。主题标签是因为我使用 snipcart 进行购物车集成，问题在于动态路线如下：<Link as={/madeleine/${product.slug}} href="/madeleine/[slug]"> <a> <h3>{product.nom}</h3> </a> </Link>
你能在codesandbox.io 上复制一个最小的例子或提供一个存储库吗？就像这样，您可以尝试 /madeleine/${product.slug}}> 但它可能来自您项目中的任何地方
是的，这里是 repo github.com/tmsssss/next-madeleine，没有“as”似乎要快一些，但仍然很慢，我不明白为什么。 getServerSideProps 有问题吗？
我没有任何速度问题，请记住，在开发模式下，它必须动态呈现页面...对于您的后退按钮，问题来自 snipcart。如果您从中删除所有脚本，它会完美运行

【解决方案1】：

Next.js 和其他框架的开发时间很慢也是很常见的。正如我在您的生产现场网站中看到并确认的那样，这些链接运行良好，甚至非常好。那是因为在开发中，Next.js 和 webpack 使用某些工具和包来即时编译代码。当然，这些工具在生产版本中被禁用和删除，页面由 Next.js 缓存。

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

【讨论】：