Přechod výukového portálu Lego ZČU ze starého redakčního systému Joomla na moderní headless architekturu pro mě znamenal kombinaci Headless CMS Strapi a frontendového frameworku Next.js. Tento proces modernizace jsem realizoval v rámci své bakalářské práce na Fakultě pedagogické Západočeské univerzity (FPE ZČU) s cílem zrychlit načítání obsahu, zlepšit mobilní responzivitu a celkově zjednodušit správu výukových materiálů.
Analýza původního webu Joomla
Při analýze původního řešení na adresehttps://lego.zcu.cz/web/jsem narazil na limity zastaralé monolitické architektury a pomalou odezvu. Provedl jsem kompletní audit obsahu, který zahrnoval inventuru edukačních článků, metodických listů k Lego robotice a médií určených k následné migraci.
Návrh nové architektury
Jako ideální řešení jsem zvolil rozdělení systému na backend v podobě Strapi CMS a frontend postavený na Next.js. Tato architektura mi umožnila dosáhnout bleskové rychlosti renderingu, vyšší bezpečnosti a flexibilní správy obsahu přes REST API.
Datový model a migrace
Ve Strapi jsem navrhl Collection Types a Dynamic Zones přesně na míru potřebám FPE ZČU. Stará data z databáze MySQL jsem vyexportoval, očistil od neplatného HTML balastu a skriptem naimportoval do nového systému.
Frontend vývoj a testování
Uživatelské rozhraní jsem vyvinul v Next.js s důrazem na přístupnost, SEO a responzivní design. Novou verzi jsem následně nasadil a testoval v dev prostředí nahttps://www.lego-dev.fpe.zcu.cz/.
V mé bakalářské práci se mi úspěšně podařilo ověřit přínos headless architektury pro akademické edukační portály. Přechodem z Joomly na Next.js a Strapi se mi povedlo výrazně posunout uživatelský zážitek i celkovou rychlost portálu Lego ZČU.
