Case study
Ako vznikol peterplevko.eu
Osobný outdoor blog, ktorý vyrástol na viacjazyčnú content platformu pre cyklotrasy, behy, turistiku a výlety, hlavne okolo Bratislavy, ale aj inde, s interaktívnymi mapami, GPX na stiahnutie a viditeľnosťou vo vyhľadávaní, ktorá stále rastie.
- Rola
- Solo full stack developer
- Typ
- Osobný produkt
- Rok
- 2025 až súčasnosť
Problém
Chcel som jedno miesto pre svoje cyklistické a outdoor výlety, nie len okolo Bratislavy, ale aj ďalej. Poznámky, Strava linky a fotky boli rozhádzané a ľudia, čo hľadali lokálne trasy, nemali skoro nič užitočné, na čo by klikli. Obyčajný statický blog nestačil. Potreboval som reálne štatistiky trás, GPX na stiahnutie, mapy, ktoré dajú zmysel desiatkam jázd, viacero jazykov pre čitateľov za hranicami a stránku, ktorá môže rásť bez ťažkého CMS, pričom som chcel byť opatrný s cookies, embedmi a súkromím.
Riešenie
Postavil som peterplevko.eu ako Nuxt content platformu. Články žijú ako markdown v siedmich locale, so slovenčinou ako prvou, a každý príspevok o trase ukazuje vzdialenosť, stúpanie, náročnosť a typ bicykla. GPX súbory sú v Supabase Storage. Konvertujem ich na GeoJSON, aby globálna Leaflet mapa vedela prekryť všetky trasy bez ťažkých trackov v prehliadači. Strava a mapy.com embedy sa načítajú až po kliknutí. Analytika ako PostHog a GA nabehne až po súhlase s cookies. Stránka beží na Verceli s prerenderingom a vlastným sitemapom. Google Search Console teraz ukazuje okolo 209 indexovaných stránok a 127 organických klikov v poslednom okne, vrátane outdoor queries okolo Bratislavy a ďalej, a HTTPS pokrytie je v poriadku.
Stack
- Nuxt 4
- Vue 3
- TypeScript
- Tailwind CSS
- Nuxt Content
- Supabase
- Leaflet
- PostHog
- Vercel
Ďalšia práca
Statik
Aplikácia na kalisteniku pre iPhone so zameraním na silu, s progresiami od zhybov k muscle-upom, tréningmi, tipmi na techniku a históriou. Postavené na Vue 3, Ionic, Capacitor, Tailwind a Supabase.
Moje portfólio
Full stack portfólio s vesmírnou témou a hviezdnym pozadím. Postavené na React, Next.js, TypeScript, Tailwind CSS, Framer Motion a Three.js.
Streekly
Aplikácia na check-iny v gymoch a športoviskách: streaky, priatelia, skupinové výzvy, rebríčky a reálne odmeny od partnerov. Návštevy overené GPS alebo QR kódom. Postavené na Expo, React Native, TypeScript, Spring Boot, Java a PostgreSQL.