[5z7k9]

Tworzy ktoś aplikacje w React.JS? Korzystacie z React Router? Z jakim backendem pracujecie(renderuje się coś po stronie serwera czy odbieracie tylko JSON?)? Czego używacie do "pakowania" aplikacji(np. Webpack)? Doświadczyliście problemów z SEO(podobno Google "renderuje" JS)?

#programowanie #webdev #javascript #reactjs

[i.....k]

@5z7k9: kod react.js dobrze się nadaje do renderowania html-a po stronie serwera.

[XmlPullParser]

@5z7k9: Taktycznie, coś tam działam ale chyba trochę za bardzo na piechotę...

[5z7k9]

@informatyk15000k: no chyba w Node.JS albo przy integracji backendu z V8, lol.

[i.....k]

@5z7k9: Coś nie tak z node.js?

[5z7k9]

@informatyk15000k: nie, po prostu nie będę używał Node.JS jako backend(tzn. nie tym razem).

[Marmite]

podobno Google "renderuje" JS

@5z7k9: Zgadza się, appka w Angularze śmiga w Google aż miło. Tylko trzeba trochę rich data dodać, żeby to miało ręce i nogi

[i.....k]

@5z7k9: Tak jak napisałeś - niektórzy używają przeglądarek w trybie headless po stronie serwera żeby wyrenderować strony. Tylko, że to bardzo zasobożerne.

[5z7k9]

@Marmite: żadnych problemów? Ta aplikacja w Angularze pobiera tylko JSON i sama renderuje?

@Marmite: @informatyk15000k: no właśnie, dążenie do SEO komplikuje cały webdev... :P

[Marmite]

@5z7k9: Żadnych. Aplikacja w Angularze pobiera dane z REST API i renderuje, wraz z routingiem. Wszystko działa bez problemu, chociaż musieliśmy się odrobinkę nagimnastykować jeśli chodzi o tytuły i opisy podstron. No a dla reszty crawlerów stoi postawiony PhantomJS który renderuje co trzeba.

[f.....s]

@Marmite: Bez static html dla Google dobrze Ci się indeksuje? Bo jedna ze stron wisi 3 miesiące z nowym tekstem a Google ciągle stary wyświetla i nowego nie widzi... Podobnie nowych podstron zero w indeksie...

[5z7k9]

@Marmite: dla reszty crawlerów? Czyli sprawdzacie user-agent i jeżeli jest to coś innego niż Googlebot to po stronie serwera request przechodzi przez PhantomJS i zwracany jest wygenerowany HTML?

[Marmite]

@factorys: Tak jak mówiłem, mamy trochę rich data (czy raczej "structured data", jak to Google nazywa) oraz aktywnie korzystamy z Google Developers. Tam chyba ręcznie można kazać robotowi zaindeksować stronę, ja akurat tam nie siedziałem, moją rolą w tym temacie było uzupełnianie szablonów o structured data ;)
@5z7k9: Dokładnie tak. Google serwujemy normalną stronę, resztę (Facebook, Slack itp.) zwyczajnie przekierowujemy na PhantomJS

[5z7k9]

@Marmite: no i jednak PhantomJS komplikuje całą sprawę bo jak rozumiem sam sobie wysyłasz requesta i później widzisz w logach dwa requesty po sobie z IP serwera i bota. Kolejna rzecz do implementacji...

[ownadi]

@5z7k9: aby renderować reacta na serwerze nie musisz mieć backendu w node.js. robisz 2 apki - front i back endową, backend piszesz w czym tam chcesz jako api które zwraca jsony, front w reactie i odpalasz go na jakimś lekkim nodowym serwerze.

[i.....k]

@ownadi: Co więcej, to rozwiązanie umożliwia backendowi serwowanie restem osobnych zasobów, a "backendowy frontend" w js-ie może sobie składać strony z wielu osobnych komponentów, obsługiwać cache, itd.

[5z7k9]

@ownadi: czyli mam utrzymywać dwa serwery naraz? To ma być skalowalne...

= potrzebuję rozwiązania bez Node'a