Почему возникает ошибка 500 в Next.js и как это исправить?

Question

[Игорь Васильев]

Здравствуйте.
--
Все вы знаете что для SEO есть SSR на основе React.JS и JavaScript (TypeScript)
И называется это готовое решение Next.JS

В документации для продакшена есть вот такая информация:
https://nextjs.org/docs/api-reference/next.config....

И вот в чём суть вопроса, проблема в том, что если в папке "pages" есть другая папка с .js файлами
или страница с GET параметрами, то, если намеренно перезагрузить страницу - возникает ошибка 500.

И это я говорю про продакшен, в девеломпе тоже может возникать такая ошибка, но чаще на страницу 404, при чём билд делает страницу, о чём можно убедится если проверить собранную папку "out".
Какие-то страницы не испытывают этих проблем, какие-то напротив. Вот я собственно и пытаюсь понять, что не так с этой вложенностью??? Как настроить и убедится что эта страница есть в проекте?

Ещё напрягает вопрос настройки с динамической сменой параметров. В документации с этим скудно. У меня есть теория что для этого есть rewrites так как я вижу там роуты и патчи.

Что не так с этим Next.JS или я что-то не так делаю? И головная боль это редирект на странцу 404 если страницы нет.

В девеломп проекте с этим всё ок.
Если с этим всё так грустно, может перейти на Vue или Angular :)

P.S. Это просто отчаяние, так как я так и не нашёл рабочего решения.

Comments

[Даша Циклаури]

первый раз такое слышу, в проде около 2х лет Нэкст

[Игорь Васильев]

Даша Циклаури, повезло же вам.
Можете подсказать по вложенностям с exportPathMap: ??

[Даша Циклаури]

Игорь Васильев, аааа теперь понятно, мы не используем статическую генерацию совсем, всегда переписанный app.tsx
поэтому не подскажу
знаю только, что для статической генерации Gatsby вроде как получше будет
SSR и Prerendering (static) - это если что два разных подхода

[Игорь Васильев]

Даша Циклаури, Я знаю про Gatsby, но он нам не подходит, вообще удивляет что Vue в плане SSR даже лучше, да и SPA делать на нём проще и адекватнее. Когда говорю что делаю сайты на React.JS - обычно ругают, что трачу время и что лучше Angular. Но я не пользовался им с 2013 года!! Я понятия не имею как там всё развилось и продвинулось XD
Я ещё думаю может как-нибудь так настроить webpack чтобы устранить эту проблему ))
В любом случае благодарю за отзывчивость.

[Aetae]

Всё же можно дебажить. Подрубаетеь к ноде в дебаг режиме и смотрите почему валится...

[Даша Циклаури]

Игорь Васильев, Ангуляр? Смеёшься? мы даже контрибьютили когда он был в бета в 2016, там такой бардак и задница, что ужас, Юниверсал настолько кривой и не гибкий, что пришлось в 2018 полностью уйти на Реакт.
Вью адекватный, нукст тоже.
Реакт гибче в плане библиотек, проще для понимания как работает под капотом (однонаправленная модель данных), JSX намного удобнее разделения на шаблоны и код

[Игорь Васильев]

Даша Циклаури, Даша, я не компетентен в этом вопросе, чтобы спорить, но я соглашусь что вью и реакт хороши для разработки приложений и веб-сайтов. Просто я сейчас перед выбором на чём писать соц.сеть : Angular или Vue
На React нельзя так это нарушает пользовательское соглашение в отношении конкуренции компании Facebook

[Игорь Васильев]

Aetae, У вас есть опыт дебага на продакшене ?
Если да, напишите. Если бы были хоть какие-то ошибки в роутинге Next, я бы давно всё пофиксил.
Роутингом для SSR приложения на React является файл next.config.js
В нём нужно правильно настроить экспорт патчей, это свойство так и называется
exportPathMap: