O projektu
Objev Svět je projekt, který tvoříme společně s partnerkou – blog o cestování, tipech, zkušenostech a místech, která stojí za to navštívit. Chtěli jsme ho ale pojmout jinak: nejen jako osobní zápisník, ale i jako otevřenou platformu, kde může přispívat komunita a která zvládne vydělávat díky reklamám.
Od začátku bylo jasné, že blog musí být rychlý, škálovatelný a připravený růst. A hlavně – fungovat dobře i tam, kde není perfektní Wi-Fi.
Zadání
Postavit web od nuly, který bude:
- přehledný a dobře organizovaný i při stovkách článků,
- rychlý na načítání i při slabším připojení,
- připravený na monetizaci pomocí AdSense,
- snadno spravovatelný i bez znalosti kódu,
- otevřený i pro příspěvky od čtenářů.
Moje řešení
Web jsem postavil na WordPressu s vlastním šablonou přes Timber. Frontend je řešený pomocí Tailwind CSS a Alpine.js – díky tomu je lehký, svižný a dobře se s ním pracuje.
Pro správu obsahu jsem nasadil ACF Pro a vytvořil vlastní Gutenberg bloky, které zjednodušují editaci i rozšiřování stránek bez zásahu do šablony.
Výkon jsem ladil do detailu: lazy loading, minifikace, WebP obrázky, CDN přes Cloudflare a WP Rocket pro kešování. Cílem bylo, aby se web načetl rychle i na mobilních datech třeba někde v horách.
Mapy řeším přes OpenStreetMap API a reklamní jednotky AdSense jsou nastavené tak, aby nezpomalenily web a umožňovaly i A/B testování pro lepší výnosy.
Výzvy a jak jsem je řešil
Nešlo jen o pěkný blog. Chtěli jsme web, který bude:
- dostatečně flexibilní pro budoucí růst (komunita, vlastní mapy, interaktivní prvky),
- rychlý při každé návštěvě, ať už z Chorvatska nebo Egypta,
- a přehledný, i když počet článků přesáhne několik stovek.
Optimalizace probíhala na všech úrovních – od struktury databáze přes ladění načítání až po SEO a reklamní pozice. Hodně jsem ladil i UX navigaci, fulltext a rozcestníky, aby se návštěvník neztratil.
Výsledek
Web běží spolehlivě, je rychlý i na pomalejším připojení a přivádí tisíce lidí měsíčně. Monetizace přes AdSense funguje bez negativního dopadu na uživatelský zážitek a platforma má prostor dál růst – o komunitní funkce, newsletter nebo interaktivní obsah.
Z hlediska správy je web maximálně pohodlný – články lze psát, upravovat i plánovat bez potřeby vývojáře. A díky promyšlené architektuře a výběru technologií máme do budoucna otevřené dveře.
Použité technologie
- WordPress + Timber
- Tailwind CSS + Alpine.js
- WP Rocket, ACF Pro
- Gutenberg (vlastní bloky)
- OpenStreetMap API
- Cloudflare (CDN + cache)
Dodané výstupy
- návrh UX a informační architektury,
- vývoj vlastního WordPress tématu,
- tvorba vlastních Gutenberg bloků a ACF polí,
- optimalizace výkonu (lazy loading, CDN, cache, obrázky),
- nasazení AdSense a podpora A/B testování,
- interaktivní mapa přes OpenStreetMap API,
- SEO optimalizace a technické nastavení,
- dlouhodobý vývoj a správa