Vissza az önéletrajzhoz
Közösségi weboldal
Teljes funkcionalitású közösségi weboldalt fejlesztettem egy Helldivers 2 témájú Discord szerverhez, React 19 és TanStack Start alapon, Cloudflare Worker-en futó szerveroldali rendereléssel.
React 19TypeScriptTanStack StartTanStack RouterSSRCloudflare WorkersEdge Deploymenti18nAccessibilitySEO
Projekt megnyitása ↗Kihívás
Gyors, akadálymentesített és több nyelven elérhető oldalt kellett létrehozni egy globális játékos közösség számára, szerverek üzemeltetése és cold-start késleltetés nélkül.
Megközelítés
- TanStack Start-ot használtam SSR-hez, TanStack Router fájlalapú routing-al, Cloudflare Worker-re deployolva a gyors megjelenítés érdekében.
- Megvalósítottam 15 nyelven i18n-t böngészőalapú felismeréssel és localStorage-ba mentett preferenciával.
- SEO javítására JSON-LD-t, sitemap-generálást és OpenGraph metaadatokat alkalmaztam.
- Akadálymentességet eslint-plugin-jsx-a11y linting-el és vitest-axe integrációs tesztekkel ellenőriztem.
- WebP-konvertáló build szkripteket és intersection observer alapú animációkat adtam hozzá a teljesítmény javítása érdekében.
Eredmények
- Globálisan elosztott közösségi oldalt tettem elérhetővé, amelyhez nem szükséges szerverinfrastruktúrát kezelni.
- Elérhetővé tettem az oldalt 15 nyelven a nemzetközi tagok számára.
- Javítottam az oldal SEO-lefedettségét és felderíthetőségét strukturált adatokkal és automatikus sitemap-generálással.
- Automatizált axe-tesztekkel ellenőriztem az akadálymentességet.
További esettanulmányok