时间戳

首页 > 解决方案 > 在 Next.js 中创建动态 index.js 页面

next.js - 在 Next.js 中创建动态 index.js 页面

问题描述

我有一个页面，唯一的工作就是指向其他页面。它是指向其他帖子的链接列表，其他帖子是静态的，并且在部署时完全已知。

在一天结束时，我正在创建的所有页面的结构将类似于：

[country]/[state]/[city]

我假设我是第一个想要这样的人......我该怎么做？

我已经尝试在 index.js 文件中使用getStaticPathsand getStaticProps，但这是不允许的，所以也许有一种方法可以链接这些目录的创建？

只是为了更多的上下文，结构当前的工作方式是这样的

Canada
  |---- Quebec
  |       |---- Montreal
  |---- Ontario
  |       |---- Toronto
 US
  |---- North Carolina
  |       |---- Charlotte
  |---- Florida
          |---- Orlando

我想做一个 index.js 页面，可以构建看起来像这样的东西

     Canada
------------------------
     - [Quebec](Montreal)
     - [Ontario](Toronto)

和

     US
-----------------------
    - North Carolina
    - Florida

城市页面（蒙特利尔、多伦多、夏洛特、奥兰多）是在构建时生成的，但是在请求页面之前不会生成州列表，这使得网站比它需要的速度慢（它可以是完全静态的，并且 Next. Node.js 似乎是自动生成所有这些页面的好工具）

标签： next.js

解决方案

推荐阅读