https://4four.io/rhythm/generator
https://audio-slicer.netlify.app/
Czy strony tego typu, nadają się na Static Site Generation?
Myślę o przeniesieniu jednej z swoich stron na React, i myślałem od razu użyć jakiegoś Static Site Generatora typu Gatsby. Głównie dla lepszego performance-u i SEO.
Zastanawiam się czy ma to racje bytu.
ewentualnie bonus pytanie: Czy ogólnie, standalone strony oparte jedynie o React mają jeszcze dzisiaj racje bytu, w momencie kiedy jest dostępny NextJS / Gatsby?
B.Eng napisał(a):
Czy strony tego typu, nadają się na Static Site Generation?
Do strony generowanej statycznie pasują treści, które są identyczne dla każdego użytkownika i niezależne od urządzenia (widok mobilny / desktopowy / sesja / cookies itd).
Jak w pierwszym projekcie pojawia się system logowania to SSG może nie być najlepszym wyborem, bardziej SSR.
B.Eng napisał(a):
ewentualnie bonus pytanie: Czy ogólnie, standalone strony oparte jedynie o React mają jeszcze dzisiaj racje bytu, w momencie kiedy jest dostępny NextJS / Gatsby?
Tak, nadal mają sens, bo nie zawsze trzeba tworzyć cały projekt w React, czasami wystarczy jeden komponent, a reszta jest w innej technologii.
Xarviel napisał(a):
Do strony generowanej statycznie pasują treści, które są identyczne dla każdego użytkownika i niezależne od urządzenia (widok mobilny / desktopowy / sesja / cookies itd).
Jak w pierwszym projekcie pojawia się system logowania to SSG może nie być najlepszym wyborem, bardziej SSR.
Dzięki za odpowiedź.
Rozumiem, że system logowania, tylko sprawia, że może nie być to najlepszy kandydat na SSG, ale nie wyklucza tego? W sensie, że największym kryterium by tu była ilość kontentu która jest unikalna jedynie dla danego użytkownika i co za tym idzie jeśli jest tego kontentu bardzo dużo, to po prostu SSG przestaje być sensowne bo i tak "mało wyrenderuje", bo większość będzie dynamiczna, dobrze rozumiem?
B.Eng napisał(a):
ewentualnie bonus pytanie: Czy ogólnie, standalone strony oparte jedynie o React mają jeszcze dzisiaj racje bytu, w momencie kiedy jest dostępny NextJS / Gatsby?
Tak, nadal mają sens, bo nie zawsze trzeba tworzyć cały projekt w React, czasami wystarczy jeden komponent, a reszta jest w innej technologii.
tu mi chodziło właśnie o robienie "całych stron" w React, w sensie, spotkałem się też z projektami, gdzie React był embedowany, ale tu mi raczej chodziło, o to, że cała strona jest napisana w React (bez opakowania w żadne SSG / SSR przez np. Gatsby czy Nexta, zastanawiałem się czy coś takiego się jeszcze stosuje i czy takim "to-go" rozwiązaniem nie jest - czy też powinno być - właśnie robienie SSG kiedy się tylko da ze względu na zalety)
B.Eng napisał(a):
Rozumiem, że system logowania, tylko sprawia, że może nie być to najlepszy kandydat na SSG, ale nie wyklucza tego?
Oczywiście, nic nie jest z góry wykluczone i wszystko, zależy od tego co potrzebujesz zrobić.
B.Eng napisał(a):
W sensie, że największym kryterium by tu była ilość kontentu która jest unikalna jedynie dla danego użytkownika i co za tym idzie jeśli jest tego kontentu bardzo dużo, to po prostu SSG przestaje być sensowne bo i tak "mało wyrenderuje", bo większość będzie dynamiczna, dobrze rozumiem?
W głównej mierze tak, podział na treści odgrywa dość dużą rolę, ale jest coś jeszcze.
Jeśli strona korzysta z systemu logowania to PRZED wyświetleniem treści powinna określić, czy dana osoba ma odpowiedni dostęp do danej informacji, a przy treściach statycznych jest to utrudnione. Przykładowo wpisujemy w przeglądarce /admin/, żeby wyświetlić panel administracyjny. Przeglądarka dostaje fragment statycznego htmla, który zaczyna wyświetlać. Dopiero po załadowaniu części informacji strona ma dostęp do javascriptu i możliwość sprawdzenia uprawnień i w razie ich braku przekierowania na 403. Gdybyśmy sprawdzali to po stronie serwera to nie byłoby to pełne SSG tylko coś w rodzaju SSR.
Next.js / Gatsby dają możliwość połączenia obu trybów, część treści jako wersja statyczna, a druga sprawdzana przez serwer.
B.Eng napisał(a):
tu mi chodziło właśnie o robienie "całych stron" w React, w sensie, spotkałem się też z projektami, gdzie React był embedowany, ale tu mi raczej chodziło, o to, że cała strona jest napisana w React (bez opakowania w żadne SSG / SSR przez np. Gatsby czy Nexta, zastanawiałem się czy coś takiego się jeszcze stosuje i czy takim "to-go" rozwiązaniem nie jest - czy też powinno być - właśnie robienie SSG kiedy się tylko da ze względu na zalety)
Istnieją rzeczy, które można wyrenderować jedynie w przeglądarce takie jak canvas, biblioteki korzystające z API przeglądarki (window, document, location itd).
W pracy mamy kilka projektów w React / Vue, które działają prywatnie na potrzeby firmy i korzysta z nich niewielka ilość osób. Skoro projekt jest w 100% prywatny, czyli niedostepny dla osób z zewnątrz to zbytnio nie potrzebuje żadnych bajeranckich opcji typu lepsze wsparcie SEO.