Next.js многоуровневая маршрутизация

#javascript #reactjs #next.js

#javascript #reactjs #next.js

Вопрос:

Я пытаюсь понять, как работать с вложенными уровнями в Next.js но я не могу понять, как это должно работать.

Структура должна быть такой: /[rootCat]/[subCat1]/[subCat2]/[productId]

Возможно ли это без использования пользовательского сервера, поскольку я действительно хотел бы воспользоваться автоматической статической оптимизацией?

Ответ №1:

В nextjs вы можете создать этот путь, используя навигацию файловой системы.

https://codesandbox.io/s/awesome-mclean-8nqwh?file=/pages/index.js

Следуя приведенному в примере коду, вы можете определить свои параметрические папки и назначить параметры, используя as in Link

 <Link
    href="/[rootCat]/[subCat1]/[subCat2]/[productId]"
    as="/root/category1/category2/category"
  >
    <a>Go To [productId] page</a>
  </Link>