Size: a a a

Next.js — русскоговорящее сообщество

2019 July 10

🦜

🦜 in Next.js — русскоговорящее сообщество
Михаил Л.
Всем привет. использовал кто-нибудь nextJs + material UI и писал стили через хук makeStyles? при клиентском переходе на другой роут стили пропадают
https://github.com/mui-org/material-ui/tree/master/examples/nextjs

Посмотри пример в репе материала, там недавно обновилось
источник

VI

Vadim Ilchenko in Next.js — русскоговорящее сообщество
🦜
вместе i18n чекни lingui js. Я вообще в таком случае писал простой хук для получения перевода из словаря
Спасибо. Это же все конфигурится для SSR?
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
Vadim Ilchenko
Спасибо. Это же все конфигурится для SSR?
да
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
у некста в репе есть пример
источник

VI

Vadim Ilchenko in Next.js — русскоговорящее сообщество
супер, посмотрю.
Тогда еще сюда же вопрос: у нас переводы все хранятся в базе. В i18next я написал функцию, которая достает их из базы по неймспейсу. Это тоже можно конфигать в lingui?
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
Vadim Ilchenko
супер, посмотрю.
Тогда еще сюда же вопрос: у нас переводы все хранятся в базе. В i18next я написал функцию, которая достает их из базы по неймспейсу. Это тоже можно конфигать в lingui?
хз, я не юзал i18next
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
не понимаю про какую функцию ты говоришь
источник

VI

Vadim Ilchenko in Next.js — русскоговорящее сообщество
🦜
не понимаю про какую функцию ты говоришь
обычно переводы сохраняются в .json файлах и тянутся из них же. Мне надо, чтобы переводы тянулись из базы
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
Vadim Ilchenko
обычно переводы сохраняются в .json файлах и тянутся из них же. Мне надо, чтобы переводы тянулись из базы
получай перевод, клади его в хук, например, и прокидывай в провайдер
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
хук нужен, чтобы у тебя после смены перевода, обновление его происходило во всем приложении
источник

VI

Vadim Ilchenko in Next.js — русскоговорящее сообщество
🦜
хук нужен, чтобы у тебя после смены перевода, обновление его происходило во всем приложении
👍 спасибо
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
если переводы в базе, почему просто не запрашивать их в кверях (графкуль) и не сбрасывать кеш при сменен языка?
источник

VI

Vadim Ilchenko in Next.js — русскоговорящее сообщество
Eugene M
если переводы в базе, почему просто не запрашивать их в кверях (графкуль) и не сбрасывать кеш при сменен языка?
Хороший вопрос. Хотелось бы еще менеджить plural, урлы (чтобы отображался язык), линки.

Можно, конечно, самому все написать. Но вдруг есть адекватное out of the box решение?
источник

NB

Not Dan, But... in Next.js — русскоговорящее сообщество
Пользуюсь i18next-next для каких-то общих переводов. Когда делаю запрос на получение контента, просто читаю из i18n instance текущий язык и ставлю в заголовок запроса локаль. Таким образом, не гружу x2 инфы. А если нужно сменить язык - хуки подхватывают изменение языка и фетчат новые данные, для другой локали.
источник

VI

Vadim Ilchenko in Next.js — русскоговорящее сообщество
Not Dan, But...
Пользуюсь i18next-next для каких-то общих переводов. Когда делаю запрос на получение контента, просто читаю из i18n instance текущий язык и ставлю в заголовок запроса локаль. Таким образом, не гружу x2 инфы. А если нужно сменить язык - хуки подхватывают изменение языка и фетчат новые данные, для другой локали.
Примерно так же и делаю. Есть таблица с интерфейсными / общими переводами и таблицы контента. Контент фетчим отдельно, общие переводы отдельно
источник

А

Андрей in Next.js — русскоговорящее сообщество
Как вы грузите шрифты с гугл фонтс? Куда лучше пихать? Есть тред в ишьюс на гите (даже тут его обсуждали), но так и не понял, куда вставлять лучше
источник

А

Андрей in Next.js — русскоговорящее сообщество
При загрузке страницы дёргается шрифт, к примеру
источник

А

Андрей in Next.js — русскоговорящее сообщество
пихнул в <Head><style dangerouslySetInnerHTML /></Head>
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
Как именно дёргаются?
источник

А

Андрей in Next.js — русскоговорящее сообщество
Типа шрифт меняется после загрузки
источник