Как создать динамический маршрут в Next.js

#next.js #dynamic-routing

Вопрос:

Как я могу создать URL-адрес такого типа :

http://localhost:3000/designer/book1

http://localhost:3000/engeniring/book1

http://localhost:3000/art/book1

Если я попытаюсь поместить файлы с определенным именем в папку pages, мне придется делать это несколько раз.

Есть идеи?

Здесь desinger, enginering, искусство динамичны, как категория книг, и book1 также динамичны, действуют как один пост

Ответ №1:

Вы можете настроить структуру папок для вложенных динамических маршрутов

Что-то вроде этого:

А затем проложите свои маршруты гнездования внутри.

Вот живой пример для этого

1. Спасибо за помощь, я попробую

2. Могу ли я использовать его, добавив категорию и книги в базу данных? @Райан Ле

3. Да, ты можешь. Это только динамические параметры URL-адреса, он принимает параметры по формату в структуре папок. Взгляните поближе на пример, вы легко сможете представить, как все работает

4. Маршрутизация работает нормально, но всякий раз, когда она меняется, обновляется весь веб-сайт, который снова и снова вызывает API