Телеграмм чат группы nextjs

что-то я окончательно запутался
инстанс некста же держит все в памяти, правильно? все объявленные переменные, вот это все
соответственно, если я объявляю глобальный стор, то разным клиентам может попасть один и тот же стор, так?
как вообще изолировать тогда клиентов?..

источник

11:22пожаловаться #8

🦜

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

Kevin Detry

что-то я окончательно запутался
инстанс некста же держит все в памяти, правильно? все объявленные переменные, вот это все
соответственно, если я объявляю глобальный стор, то разным клиентам может попасть один и тот же стор, так?
как вообще изолировать тогда клиентов?..

у тебя на каждый запрос будет на сервере вызываться app.render и не будет одного стора у нескольких клиентов. Он заново создастся

источник

11:23пожаловаться #9

KD

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

🦜

у тебя на каждый запрос будет на сервере вызываться app.render и не будет одного стора у нескольких клиентов. Он заново создастся

вот простой пример

let i = 0;

const IndexPage = ({ count }) => count;

IndexPage.getInitialProps = () => ({ count: i++ });

export default IndexPage;

тебе на каждый запрос прилетает новое число, т.е. переменная i, выходит, хранится где-то в памяти
и если подобным образом объявить стор и где-то использовать его напрямую, то все накроется
так?

источник

11:26пожаловаться #10

🦜

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

Kevin Detry

вот простой пример

let i = 0;

const IndexPage = ({ count }) => count;

IndexPage.getInitialProps = () => ({ count: i++ });

export default IndexPage;

тебе на каждый запрос прилетает новое число, т.е. переменная i, выходит, хранится где-то в памяти
и если подобным образом объявить стор и где-то использовать его напрямую, то все накроется
так?

ну так да

источник

11:27пожаловаться #11

🦜

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

посмотри пример with-redux

источник

11:27пожаловаться #12

🦜

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

Kevin Detry

вот простой пример

let i = 0;

const IndexPage = ({ count }) => count;

IndexPage.getInitialProps = () => ({ count: i++ });

export default IndexPage;

тебе на каждый запрос прилетает новое число, т.е. переменная i, выходит, хранится где-то в памяти
и если подобным образом объявить стор и где-то использовать его напрямую, то все накроется
так?

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

источник

11:30пожаловаться #13

🦜

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

он себе загрузил js и начал его исполнять с нуля

источник

11:30пожаловаться #14

KD

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

🦜

посмотри пример with-redux

смотрел
я вообще юзаю mobx-state-tree, но в данном случае это не принципиально
я пытаюсь понять, как мне организовать запросы к апи, которые будут выполняться на сервере
у разных клиентов могут быть разные аксесс токены
но где их тогда хранить, если инстанс общий на всех клиентов
не подсовывать же руками токен в хэдеры в каждом экшене

источник

11:37пожаловаться #15

НК

Никита Кадиров in Next.js — русскоговорящее сообщество

Kevin Detry

смотрел
я вообще юзаю mobx-state-tree, но в данном случае это не принципиально
я пытаюсь понять, как мне организовать запросы к апи, которые будут выполняться на сервере
у разных клиентов могут быть разные аксесс токены
но где их тогда хранить, если инстанс общий на всех клиентов
не подсовывать же руками токен в хэдеры в каждом экшене

ну вообще access токен как раз таки с каждым запросом должен в хэдере летать

источник

11:38пожаловаться #16

KD

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

Никита Кадиров

ну вообще access токен как раз таки с каждым запросом должен в хэдере летать

моя изначальная идея, которая без некста работала за счет исполнения всего на клиенте, была такой:

const api = ky.create({
  prefixUrl: API_URL,
  hooks: {
    beforeRequest: [
      async ({ headers }) => {
        const { accessToken } = (await import("../store")).store.settings;
        headers.set("Authorization", `Bearer ${accessToken}`);
      },
    ],
  },
});

а дальше уже, соответственно, api.get(), api.post() и т.д., и токен уже сам брался из глобального стора
но тут выходит, что глобальный стор юзать нельзя

источник

11:41пожаловаться #17

🦜

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

Никита Кадиров

ну вообще access токен как раз таки с каждым запросом должен в хэдере летать

ну вот тебе ответили

источник

11:42пожаловаться #18

🦜

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

Kevin Detry

моя изначальная идея, которая без некста работала за счет исполнения всего на клиенте, была такой:

const api = ky.create({
  prefixUrl: API_URL,
  hooks: {
    beforeRequest: [
      async ({ headers }) => {
        const { accessToken } = (await import("../store")).store.settings;
        headers.set("Authorization", `Bearer ${accessToken}`);
      },
    ],
  },
});

а дальше уже, соответственно, api.get(), api.post() и т.д., и токен уже сам брался из глобального стора
но тут выходит, что глобальный стор юзать нельзя

у тебя изначально плохо, что токен в сторе лежит

источник

11:44пожаловаться #19

KD

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

🦜

у тебя изначально плохо, что токен в сторе лежит

а где его тогда держать?
с некстом и в куки, выходит, не положишь, куки же тоже общие

источник

11:45пожаловаться #20