Kontext
FitJam je fitness aplikace zaměřená na holistický přístup ke zdraví – kombinuje personalizované tréninkové plány, výživová doporučení, meditaci a regeneraci. Platforma slouží také influencerům a tvůrcům obsahu, kteří přes vlastní profily komunikují s komunitou. Projekt vyžadoval robustní vícejazyčnou architekturu, rychlý frontend a interní CRM dashboard pro sledování předplatitelů.
Cíle
- Vybudovat Next.js aplikaci s plnohodnotnou SK/EN lokalizací bez závislosti na externích i18n knihovnách.
- Implementovat blog přímo v aplikaci s Prisma databází a Tiptap WYSIWYG editorem místo externího WordPressu.
- Dosáhnout výborných Core Web Vitals – LCP pod 2,5 s – optimalizací obrázků, fontů a lazy loadingu.
- Vytvořit interní CRM dashboard pro sledování předplatitelů a příjmů s NextAuth v5 autentifikací.
- Nasadit aplikaci s PostgreSQL databází a Prisma ORM pro spolehlivý a škálovatelný backend.
Postup
- 1Navrhli jsme SK/EN lokalizační vrstvu přes vlastní proxy.ts middleware (Next.js 16 vyžaduje export proxy() místo middleware()): SK URL /sk/* se rewrituje na interní routy s x-locale headerem bez duplicitních stránek.
- 2Implementovali jsme Prisma blog s modely Post a PostTranslation – EN/SK tab editor v Tiptap s auto-generováním slugů, správou stavů (DRAFT/PUBLISHED/ARCHIVED) a správou featured obrázků.
- 3Opravili jsme LCP výkon: video poster konvertován na WebP (~50 KiB → ~15 KiB), CookieBanner přesunut do dynamic() s SSR: false (eliminoval zpoždění 2540 ms), Hero komponenta konvertována na async server component.
- 4Vyřešili jsme SEO konflikty – 307 redirect chainy na SK článcích, hreflang nesrovnalosti na stránkovaných stránkách a canonical pro statické stránky.
- 5Vytvořili jsme autentifikovaný CRM dashboard s Next.js App Routerem a NextAuth v5, kde tvůrci obsahu spravují předplatitele, příjmy a analytiku.
Výsledky
- Platforma běží na fitjam.app s plnohodnotnou SK/EN lokalizací bez externí i18n závislosti.
- Blog je plně v rukou týmu – Tiptap editor umožňuje publikování EN i SK verzí článků přímo v aplikaci.
- LCP výkon se výrazně zlepšil eliminací render-blocking prvků a optimalizací mediálních souborů.
- Tvůrci obsahu mají přehled o předplatitelích a příjmech přes zabezpečený CRM dashboard.
- SEO je čisté – správné canonical, hreflang pro SK/EN varianty a noindex pro stránkované stránky.
Metriky
LCP zlepšení
CookieBanner delay −2540 ms
Blog engine
Prisma + Tiptap (migrace z WP)
Lokalizace
SK / EN (vlastní proxy.ts)
Stack & nástroje
Next.js 16.2.1 (App Router, Turbopack)TypeScript + Tailwind CSSPrisma 6.x + PostgreSQLNextAuth v5Tiptap WYSIWYG editorFramer Motion
Potřebujete podobný výsledek?
Ozvěte se nám. Projdeme si váš projekt a do 5 pracovních dnů připravíme roadmapu.
