[Poli_Monoteista]

Hej, mam takie pytanie. Uczę się Next.js i mam taką zagwozdkę.
Otóż przeszedłem z czystego Reacta na Next.js. Przyjmijmy że potrzebowałem jakiegoś state w całej aplikacji, używałem do tego ContextAPI, Reduxa albo czasami nawet bawiłem się w props drilling i było spoczko. A jak mogę to robić w Next.js, aby zachować SSR, SSG?
Jakoś moja głowa nie może tego ogarnąć. Gdzie mogę trzymać taki state albo dane do których muszę mieć wszędzie dostęp, bo chciałbym ograniczyć ilość requestów, kiedy wiem że dane się nie zmieniają.

Mam kilka podstron np. app/game/campaing, app/game/campaing/match, app/game/pvp, app/game/pve etc.
i w każdym z tych elementów, muszę wykonać taki kod:
https://pastebin.com/gADbyZ1q

Jak mogę to ograniczyć?
#programowanie #naukaprogramowania #nextjs #react #frontend

[Poli_Monoteista]

@Poli_Monoteista: wydaje mi się że po prostu spierdzieliłem sprawę. Stronę domową wraz z item shopem, zakładką community, nowościami itd. mogłem zbudować na Next.js a grę zrobić na czystym React, pod osobnym adresem.

[horus666]

@Poli_Monoteista: zmienne globalne i local storage, mówi to panu coś, panie Ferdku?

[Poli_Monoteista]

@horus666: tak, jak się głębiej zastanowić to local storage się nada. Stracę w kilku miejscach ssg i ssr ale i tak warto. Dzięki.

[krzykrzy1995]

@Poli_Monoteista: wiekszosc libek, ktore trzymaja stan, beda wspierac cachowanie rowniez na serwerze. Chociazby react-query :)

[Poli_Monoteista]

@krzykrzy1995: To zabawne, bo jak wchodziłem do dokumentacji react-query wydawało mi się, że właśnie nie wspiera. Teraz wchodzę i jak byk napisane:

"... Next.js which supports 2 forms of pre-rendering:

Static Generation (SSG)
Server-side Rendering (SSR)
React Query supports both of these forms of pre-rendering regardless of what platform you may be using."

[krzykrzy1995]

@Poli_Monoteista: bo to dodali jakos niedawno :D