Вся проблема была в том что отсутствовал динамик роутес в Некст конфиге.

module.exports = {
 useFileSystemPublicRoutes: true
};

А переход по хэшу не работал из за того что в Линке не было тэга А (ОН ОБЯЗАТЕЛЕН!)

Ну и чтобы подсвечивался верный роту потребовалось написать регексп на урлу чтобы сравнивать урл с хэшом и без

Какой будет структура папок если у меня динамчный categories и id?

папка [categories] внутри который файл [id]

чтобы работал путь вида /[categories] внутри папка [categories] должен быть index файл

А все, спасибо

Линки вроде правильные, переходит хорошо, но с обновлением страницы

Косячить в путях

Только в этом случае обновляет страницу

Верно, буква была не правильная 😐

zeit/next.js
Pre-release v9.2.3-canary.9
### Patches

- Add err.sh for getStaticProps error: #10619
- Add error messages for dynamic SSG page without getStaticPaths: #10620
- Remove next/link: #10625
- Update error-load-fail test to use check to handle reload taking longer on windows: #10631
- Remove deprecated static folder: #10632
- Fix Cookie Expiration: #10634

### Credits

Huge thanks to @ijjk, @adithwip, and @rafaelalmeidatk for helping!

zeit/next.js
Pre-release v9.2.3-canary.9
### Patches

- Add err.sh for getStaticProps error: #10619
- Add error messages for dynamic SSG page without getStaticPaths: #10620
- Remove next/link from chakra-ui example: #10625
- Update error-load-fail test to use check to handle reload taking longer on windows: #10631
- Remove deprecated static folder: #10632
- Fix Cookie Expiration: #10634

### Credits

Huge thanks to @ijjk, @adithwip, and @rafaelalmeidatk for helping!

zeit/next.js
Pre-release v9.2.3-canary.10
### Patches

- Preview Mode Should Not Cache: #10636
- Invalidate cache for linkpreload in dev for CSS files: #10630
- Update link to GitHub Discussions beta: b331338891eca47b4ddd902dbfb734a05c37a91f

### Credits

Huge thanks to @bmathews for helping!

Привет!
Простая задача: на телефоне выводить ряд картинок, на десктопе выводить слайдер.
Я вижу два подхода к решению.
1-ый. Как на скрине, делать медиазапрос на js. Минусом я считаю то, что при таком подходе у меня сервер не отдаёт html картинки в следствии появляются скачки визуальные в верстке, смотрится не очень. Плюс такого подхода то, что нет лишнего html в отличии от второго способа.
2-ой. Скрывать блоки в css медиазапросах. Минус то, что будет лишний html либо слайдера либо фото ряда. Плюс то что сервер отдаст html весь и скачка в верстке не будет. Может есть еще способ какой, что бы и верстка не скакала и лишнего html не было?

Или на счёт мёртвого html можно не парится если его не много ?

отдавай на сервере серый блок

вместо серого блока вставляй свой фото ряд или слайдер

ни чего не прыгает всё прекрассно

кто напомнит как это называется?) я всегда называю это скелет но у этого есть правильное название))))

zeit/next.js
Pre-release v9.2.3-canary.13
### Patches

- Show better error when non-array is returned from custom-routes: #10670
- Update error load fail test so that webdriver can still connect to app: #10673
- Rename zeit.co/new → zeit.co/import: #10674
- Update example "with-typescript-graphql": #10637
- Create config.yml: cedd6faba6f4f183d51cac612bc274e5c346e09b
- Update 1.Bug_report.md: fc9f18d78410a09fc1cd90326068106e918310d7
- Fix apollo example: #10696
- Update head-manager to compress better: #10687
- Update README.md: c0f42837bf7ae1fc4d2bb2b15b84e7dfd8e2ad92
- Make sure rewrites are handled in serverless mode correctly: #10697
- Update url prop handling for pages with new data methods: #10653
- Add dataRoutes field to routes-manifest for SSG and serverProps routes: #10622

### Credits

Huge thanks to @chibicode, @piglovesyou, @HaNdTriX, and @timneutkens for helping!

index.js:1 Warning: Prop className did not match
То есть, то - нету ошибки в консоли.. Чо так?🤔