Как создать сотни страниц в nextjs, как отображение массива в реагировать?

Question

У меня есть компонент Post, который получает данные из firebase и отображает 100s Post в виде списка, я хочу, чтобы при нажатии на listitem было что-то вроде этого, он открывается на новой странице в подробном представлении, используя все реквизиты, которые не использует listview, мне нужно будет создать сотни страниц моей или есть что-то, что я пропускаю в следующем. Это то, что я пытаюсь сделать

это мой пост компонент с listview и detailveiw

export default class Posts extends Component {
  state = {
    showDetails: false
  };

  showDetails = () => {
    this.setState(() => ({ showDetails: true }));
  };
  hideDetails = () => {
    this.setState(() => ({ showDetails: false }));
  };

  render() {
    return this.state.showDetails ? (
      <DetailView {...this.props} hideDetails={this.hideDetails} />
    ) : (
      <ListView {...this.props} showDetails={this.showDetails} />
    );
  }
}

здесь я оказываю сотни из них

 props.visiblePosts
            .filter(el => el.dept.includes(props.filterString))
            .map((el, i) => {
              return <Posts {...el} key={i} id={el.key} />;
            })}

теперь в nextjs моя начальная страница имеет только просмотр списка, и я хочу щелкнуть по списку, он открывается на новой странице, но я думаю, для этого мне нужно сделать все эти страницы в каталоге страниц.

Есть ли способ решить эту проблему.