Go4Fish — landing page

Strona promocyjna aplikacji mobilnej Go4Fish — social dla wędkarzy (zapisywanie połowów, statystyki, społeczność). Landing zachęca do pobrania aplikacji na Androida (Google Play) i iPhone'a (App Store).

🌐 Live: go4fish.app 📱 Android: Go4Fish w Google Play 🍎 iOS: Go4Fish w App Store

O projekcie

Lekki, statyczny landing bez frameworka i bez kroku build — świadomy wybór dla strony, która ma być maksymalnie szybka i tania w utrzymaniu. Całość to czysty HTML + CSS + odrobina waniliowego JS, hostowana na krawędzi w Cloudflare Pages.

Co warto zauważyć

• Zero zależności / zero buildu — brak node_modules, brak bundlera; strona ładuje się natychmiast i nie ma czego „psuć" przy deployu.
• SEO od podstaw — kompletne meta description, tagi Open Graph i Twitter Card, canonical, dane strukturalne JSON-LD (MobileApplication), robots.txt oraz sitemap.xml.
• Responsywne tło — grafika w formacie WebP w trzech rozmiarach (480 / 768 / 1024 px) przełączana zapytaniami @media, żeby telefon nie ściągał wersji desktopowej.
• Natywne wejścia do sklepów — oficjalne badge'y App Store i Google Play (wersje PL) plus apple-itunes-app, czyli Smart App Banner w Safari na iOS.
• Edge redirect — funkcja Cloudflare Pages (functions/_middleware.js) przekierowuje (301) domyślny host *.pages.dev na kanoniczną domenę go4fish.app, czego same reguły _redirects nie potrafią (nie matchują po hostname).
• Spójność z brandem — kolor motywu #004D98 (ten sam royal blue co w aplikacji mobilnej).

Stack

Warstwa	Technologia
Struktura	HTML5 (semantyczny, lang="pl")
Style	CSS3 inline w index.html (bez preprocesora)
Obrazy	WebP + @media (responsywne tło), SVG/PNG dla badge'ów
Hosting	Cloudflare Pages
Edge logic	Cloudflare Pages Functions

Struktura

.
├── index.html              # cała strona: znaczniki + style (jeden plik, zero zależności)
├── images/                 # tło WebP w wariantach rozmiarowych, badge'y sklepów, og-image, ikony
├── functions/
│   └── _middleware.js      # edge: redirect *.pages.dev → go4fish.app
├── robots.txt
└── sitemap.xml

Uruchomienie lokalne

Brak buildu — wystarczy dowolny statyczny serwer, np.:

# Python
python -m http.server 8000

# albo Node
npx serve .

Następnie otwórz http://localhost:8000.

Deploy

Strona wdraża się automatycznie na Cloudflare Pages przy pushu do repozytorium — bez konfiguracji build command (projekt statyczny). Funkcje z katalogu functions/ Cloudflare uruchamia na krawędzi.

Powiązane projekty

• Aplikacja mobilna (React Native / Expo) oraz backend (Django REST + web) — osobne repozytoria.