PixelVerse

Kontext

Chtěl jsem komunitní platformu pro tvůrce pixel artu, kde moderace nebude stát jen na manuální kontrole administrátorů. Příspěvky se proto kontrolují ještě před zveřejněním, aby komunita zůstala použitelná bez neustálého ručního filtrování.

Technický přístup

• Frontend v Next.js s využitím TanStack Query pro správu serverového stavu
• Sanity.io jako headless CMS pro správu obsahu a metadat
• Před zveřejněním: filtr nevhodných slov, poté kontrola přes OpenAI nebo Gemini API vůči pravidlům komunity

Výzvy

• Hledání rovnováhy mezi volným sdílením v rámci komunity a bezpečností nahraného obsahu
• Návrh datového modelu pro profily autorů, příspěvky a feedy v rámci headless CMS
• Zajištění předvídatelného a efektivního načítání dat napříč složitým uživatelským rozhraním
• Efektivní ukládání uživatelských reakcí, které neohrozí stabilitu datového modelu při vysoké zátěži

Co jsem se naučil

• TanStack Query výrazně zjednodušil invalidaci cache mezi příspěvky a profily uživatelů
• Implementace nekonečného scrollování (infinite scroll) zajistila plynulý chod rozhraní a rozložila síťové požadavky v čase
• Definici schémat v Sanity se vyplatí navrhnout co nejdříve. Pozdější úpravy datových modelů bývají nákladné
• Levný filtr slov před AI voláním odstraní část šumu hned na začátku. AI kontrola ale stále zvyšuje spotřebu tokenů, takže prompty a velikost requestů potřebují pevné limity