问题标签 [nextjs-dynamic-routing]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - Next.js：如何将数据传递给动态创建的路由
我有一个正在接收数据的组件：
它创建了一个模板网格，每个模板都包含在一个<Link>渲染动态组件的组件中；
/s7-img-facade/[product]
我希望动态组件能够products访问ProductTile .
我知道我可以getStaticProps在动态组件中做一个来做另一个请求，但这似乎是多余的而不是枯燥的......
任何想法如何动态组件访问products对象？
提前致谢！
next.js - 带有自定义服务器的服务器端道具和 NextJS
我有一个基于自定义 Express 服务器的 Next JS 应用程序。在使用 Next Link 组件从一个页面到另一个页面进行客户端转换时，我没有使用 getServerSideProps 获取 ServerSide 呈现的数据。使用 getInitialProps 也可以正常工作
Next Link 组件、getServerSideProps 和 NextJS 与自定义服务器的客户端转换有任何问题吗？
wordpress - 如何清除/删除 NextJs 中的缓存？
我有一个产品页面/products/[slug].js
我对 wordpress/graphql 网站使用增量静态生成：
除了一件事，一切都按预期工作。如果我从 wordpress 中删除以前发布的产品，NextJs 会提供缓存页面而不是显示404 - Not found页面，我认为这就是它应该工作的方式，这意味着如果没有重建某些内容，则显示以前的（陈旧的）页面.
但是，如何完全删除已删除且不再从PRODUCT_SLUGS查询中获取的特定产品的缓存？
我已经阅读了这些fallback选项：true, false, blocking但它们似乎都不起作用。
是否有解决方案，无论是next.config.js配置还是其他解决方法？
javascript - 在 nextjs 中将道具从一个页面传递到另一个页面
我有一个虚拟项目。在我的项目中我有两个页面。（test1 和 test2）我想将一个道具从 page1 传递到 page2。我知道我可以使用 useRouter 挂钩，但我不想将此道具设置为查询字符串. 在我的 test1 页面中，我有一个颜色变量。这是 const 并且有一个黄色值。我想在我的 page2 中使用这种颜色作为道具（props.color）这是我的 test1 页面
这是我的 test2 页面
next.js - 从 nextjs Link 组件传递数据并在 getStaticProps 中使用
我有一个动态路由，我试图在 url 中显示标题并将id传递（隐藏）到我的动态路由并id在getStaticProps. 我发现我无法在 nextjs 中轻松传递数据，就像我们过去使用 react 路由器或其他客户端路由库传递数据一样。
我正在关注这个答案，但是当我console.log(context.params)看不到id传递的Link内容时，我在这里做错了什么？
next.js - 是否可以在构建时在 NextJS 中创建大量重写？
我有很多关于我正在迁移到 NextJS 的网站的参考，这些网站以大写字母开头，如下所示：
https://svcc.mobi/Presenter/2019/llewellyn-falco-3133（注意Presenter中的大写P）
我希望他们都重写为
https://svcc.mobi/presenter/2019/llewellyn-falco-3133
我可以更新我next.config.js的如下来处理单个条目，但我想在我的next.config.js文件中有几千个这样的条目。我可以在构建时以某种方式以编程方式加载这个数组吗？（比如 getStaticPaths 之类的）。
next.js - 为什么我的 nextjs 路由器不返回查询参数？
当我导航到我的 nextjs 应用程序的 http://localhost:3000/users/123?foo=bar 时，我在打印输出时得到以下信息router.query
foo: 'bar'它没有添加到查询对象的原因可能是什么？
next.js - NextJS 可选捕获部署时所有路由不起作用
我们有一个项目，其中包含一个动态路由 [productId]，在此页面内，我们还有其他几个页面，其中包含可选的包罗万象的路由。以下是 pages 文件夹的结构：
问题是，只要页面是静态生成的，可选的 catch-all 就不能正常工作。例如：
productId/contentOne不起作用，但是productOne/contentOne/extra起作用 只有在vercel中部署时才会出现问题。所有路线都在本地完美运行。
这是getStaticPaths：
这是getStaticProps：
next.js - Next JS 和服务器端渲染的动态路由
我正在为 NEXT JS 中的每个共同基金开发动态路线。基金页面的 URL 是 domain.in/mutual-funds/[fund]。我希望页面的标题作为基金名称（除了 url 的 slug 之外什么都没有）。但是当我转到基金网址时，getServerSideProps 不会立即获取查询参数。所以标题标签没有加载基金名称。
在返回语句中