OFTA - Centrum mikrochirurgie oka
Moderní webová prezentace pro oční kliniku
Technický přehled
Next.js 14
Server-side rendering a App Router pro optimální výkon a SEO
TypeScript
Typově bezpečný kód pro lepší udržovatelnost
Tailwind CSS
Utility-first CSS framework pro rychlý vývoj
Framer Motion
Plynulé animace a interakce
Strapi CMS
Headless CMS pro flexibilní správu obsahu
Architektura
Aplikace je postavena na moderní JAMstack architektuře využívající Next.js 14 s App Routerem. Frontend je optimalizován pro maximální výkon a SEO:
- Server-side rendering pro rychlé první vykreslení
- Statická generace pro často navštěvované stránky
- Inkrementální statická regenerace pro dynamický obsah
Backend je realizován pomocí Strapi CMS s GraphQL API, což umožňuje:
- Flexibilní správu obsahu
- Verzování a workflow
- Automatické generování API dokumentace
Mobilní zobrazení
Detail zákroku
Často kladené otázky
Aktuality
Mobile First
Důraz na mobilní zobrazení byl klíčový, protože více než 70% návštěvníků přichází z mobilních zařízení. Design je optimalizován pro:
- • Snadnou navigaci jedním palcem
- • Rychlé načítání na mobilních sítích
- • Přehledné zobrazení všech informací
- • Optimalizované formuláře pro mobilní vstup
Mobilní zobrazení úvodu
Formulář pro dotazy
Výkon a Metriky
Performance Score
First Contentful Paint
Time to Interactive
Strapi CMS
Implementace vlastního řešení pomocí Strapi CMS s důrazem na jednoduchost správy obsahu a flexibilitu systému.
- Vlastní komponenty pro strukturovaný obsah
- Automatická SEO optimalizace
- Systém verzování obsahu
- API pro objednávkový systém
Vlastní typy obsahu
Přizpůsobené content types pro služby, články a lékaře
Správa obsahu
Systém správy obsahu s verzováním
Media Library
Pokročilá správa médií s automatickou optimalizací