Vygenerování statických HTML stránek z Reactu (SEO)

[registrovany123]

Mám webovou stránku s React.js, kde tato obsahuje "produkty" podobně jako třeba Eshop, a kvůli zlepšení SEO v search engines jako je Seznam.cz uvažuju o pravidelném generování statické HTML stránky pro každý produkt.

Můj plán je, že všechny pages, které chci předgenerovat, budu mít v sitemap.xml, a přes robots.txt pro pořádek zakážu crawlerům přístup všude tam, kde není daná page zmíněna v sitemap.xml.

Chatgpt říká, že na to je nejlepší použít Puppeteer, což používá Chromium podobně jako Playwright a je to od Google.

Playwright momentálně používám na testy, ale Chatgpt říká, že na můj případ vygenerování statických HTML je nej ten Puppeteer.

Tak se chci zeptat, co byste doporučili.

Díky.

[Reklama]

[Filip Jirsák (forum)]

Puppeteer ani nic podobného založeného na renderování v prohlížeči určitě ne.

Na tohle má podporu spousta Reactových frameworků a vlastně i sám React. Říká se tomu SSG (Static Site Generation). Případně pokud vám jde o SEO a není nutné mít předem vygenerované statické stránky, tj. stačí online na serveru vygenerovat HTML, můžete použít s Reactem Server Side Rendering (SSR).

Záleží pak na frameworku, který používáte. Next.js byl z velkých frameworků pro React první, který SSG a SSR nabízel, ale minimálně jedno z toho nabízí i spousta jiných frameworků (TanStack, React Router, Lume, existují i pluginy pro Vite, abyste si to mohl implementovat sám).

[Ħαℓ₸℮ℵ ␏⫢ ⦚]

A to hlavní, k té stránce máš přístup nebo jsi divák pro tu stránku? Já bych potřeboval poradit s tím druhým

[to_je_jedno]

Prevedl bych si to do Nextu

[registrovany123]

Na Nextu mě dožírá, že nemá způsob, jak se obejít bez 30 let starého PRG patternu, který zdvojnásobuje trvání submitů. Proto jsem do něj hodil vidle a dělám v Reactu. Musel bych si to udělat na koleni, nějak.

[Reklama]

[Filip Jirsák (forum)]

Na Nextu mě dožírá, že nemá způsob, jak se obejít bez 30 let starého PRG patternu, který zdvojnásobuje trvání submitů.

Co přesně máte na mysli?

Proto jsem do něj hodil vidle a dělám v Reactu.

Next.js je také založen na Reactu. Takže ta věta moc nedává smysl. Možná používáte jiný framework, možná používáte čistý React bez knihoven a frameworků.

[Wangarad]

presne pripad zle pouziteho AI. Drahe AI mam tuto databazu, tieto tabulky a pripadne tento template. Potrebujem pravidelne generovat staticke HTML stranky s produktamy. Napis mi cron a kod php  ktory to bude riesit. Nezabudaj na SEO a sprav to lepsie ako konkurencne modely. Este raz si prebehny kod viac optimalizuk na SEO. Zahrn vsetky mozne SEO triky a popisky ake sa daju.


Nemas za co. Topic is closed.

[registrovany123]

Wangarad ty jsi debil.

[Wangarad]

Preco? Ze mam riesenie na par minut vs. kolaborovat pol dna? Alebo ze som zrusil tvoje experience od 2005 co sa tomu venujes?

[Filip Jirsák (forum)]

Preco? Ze mam riesenie na par minut vs. kolaborovat pol dna? Alebo ze som zrusil tvoje experience od 2005 co sa tomu venujes?

Protože jste se úplně minul se zadáním. Když má někdo hotovou aplikaci v Reactu, asi ji nechce psát znova v PHP. Ani s pomocí AI.

[Wangarad]

A ked mam rychlejsie riesenie? V com je chyba? Musi to byt na miliardu % react apka alebo na tie staticke shity pre agregatory moje riesenie spravy presne to iste a chlapec nemusi hodi to do fora +x otazok a ako doriesit este toto? 2 php subory to uplne rozmr*daju? Ci o com to je? Dnes pride tuto chlapec a povie uprava reactu + research 3 dni. Pride 20 rocny fagan ktory to sklepe za hodku. Toto nie je ani critical infrastruktura ani super duper riesenie. Je to jednoduche primitivne zadanie a rovnake riesenie, ofajkat SEO. Nic viac nic menej. To len autor a par ublizenych sa tvaria ze prrrr to takto nie, tam musi byt framework a neviem co. Pametate si tak 6 rokov dozadu ked tu v diskusiach bol framework skoro sproste slovo? Alebo na komenty beries kanon na vrabca? To je presne ono. Zoberiem React alebo neviem co a idem riesit primitivnu vec.

[Filip Jirsák (forum)]

V com je chyba?

Chyba je v tom, že jste zahodil veškerou funkcionalitu, která je už v té aplikaci naimplementovaná. Pak je tam ještě spousta menších chyb, ale ta chyba, že jste přišel o veškerou funkcionalitu aplikace, je tak zásadní, že ostatní už nemá smysl řešit.

Vy máte sice rychleji řešení, ale řešení úplně jiného problému. Jako kdybyste v Praze nastoupil do autobusu do Bratislavy a řidič by vás vysadil v Berouně s tím, že je tam konečná. A divil by se v čem, je problém, když vás přece do cíle dopravil mnohem rychleji. No jo, ale vaším cílem nebyl Berou, ale Bratislava.