Динамический роут в Nextjs?

Question

[Андрей Охотников]

Требуется реализовать динамический роут для отображения товаров.
Пример site.ru/123456?color=5&size=10

Приписал в serverjs следующее

server.get('/:product', (req, res) => app.render(req, res, '/product', {
      params: req.params,
    }));

но в этом случае компонент товра рендериться на любой введенный роут. Как это исправить?

Answer 1

[Антон Спирин]

1. Изменить путь к товару:
server.get('/product/:slug');
2. Изменить расположение путей:

server.get('/some_route', (req, res) => /* ... */);
server.get('/some_other_route', (req, res) => /* ... */);
server.get('/:product', (req, res) => /* ... */);

Express обрабатывает их по цепочке, до первого совпадения.

Comments

[Андрей Охотников]

Какой вариант лучше

/product/123
или
/product?id=123

[Антон Спирин]

Андрей Охотников, первый. Параметры обычно используют для списков, рефералов и прочих параметров.

[Андрей Охотников]

Антон Спирин, спасибо

[Андрей Охотников]

Антон Спирин, правильно ли я понимаю как действовать при SSR -
получаю переход по ссылке /product/123 - отправляю запрос на получения товара 123 - если его нет - возвращаю ошибку 404 - отправляю ее в компоннент Product, а там если ошибка то отображаю компонент NotFoundPage