MI©
EN/PL
02Strona produktu2025

Libriv Web

Statyczna strona, która sprzedaje aplikację — zero serwera, maksimum SEO.

Rok
2025
Rola
Samodzielnie — projekt i wykonanie
Technologie
Next.js 16 · React 19 · Tailwind CSS v4 · sharp (build-time) · JSON-LD
Status

Strona marketingowa jest dopracowana tak samo jak aplikacja, którą sprzedaje: w pełni statyczny eksport Next.js, który postawisz na dowolnym CDN, dwujęzyczny blog SEO z osobno pisanymi — nie tłumaczonymi — artykułami i pipeline, który przy każdym buildzie generuje wszystkie karty social i ikony ze źródeł.

01

Treść po inżyniersku

Blog działa równolegle po polsku i angielsku, ale polskie wpisy to osobne artykuły pod własne frazy — nie maszynowe tłumaczenia. Każda strona ma alternatywy hreflang i bogaty JSON-LD (SoftwareApplication, FAQPage, Article), a mapa strony powstaje z danych treści, więc nigdy się z nią nie rozjedzie.

Strona startowa Libriv — zbuduj nawyk czytania, który zostaje
02

Wszystko generowane przy buildzie

Karty Open Graph i ikony PWA są składane przy buildzie biblioteką sharp — SVG plus maskotka, spłaszczone do WebP. Fonty są hostowane u siebie z gotowych podzbiorów, więc build działa całkiem offline, a krótki skrypt przed pierwszym renderem przywraca tryb ciemny bez mrugnięcia. Nie ma serwera, który trzeba opłacać ani łatać.

Strona Libriv z prawdziwymi ekranami aplikacji — ranking i pulpit
03

Jeden produkt, dwie powierzchnie

Digital Asset Links spinają stronę z aplikacją: assetlinks.json przypina certyfikat aplikacji do domeny, więc Android App Links otwierają się prosto w aplikacji. Samo logowanie odbywa się już w aplikacji — zadaniem strony jest zamienić odwiedzającego w instalację i płynnie przekazać go dalej. Ciepły, „papierowy” system wizualny strony jest dobrany kolorystycznie do ciemnego interfejsu aplikacji, więc jedno i drugie czyta się jako ten sam produkt.

Sekcja funkcji na stronie Libriv
Notatki techniczne
  • 01Eksport statyczny · wrzucisz na dowolny CDN
  • 02Karty OG + ikony PWA generowane przy buildzie (sharp)
  • 03Osobno pisany blog dwujęzyczny · hreflang PL / EN / x-default
  • 04JSON-LD na każdej stronie
  • 05Digital Asset Links — odciski certyfikatów SHA-256
  • 06Tryb ciemny bez mrugnięcia · przywracany przed renderem
Następny projekt03
Nova Seafood