A recept kicsi: egy web-app-manifest (név, ikonok, megjelenés) plusz egy service worker, ami offline is kiszolgálja az appot. Telepítve az oldal a böngészőkereten kívül él — saját ikon, saját ablak, saját hely a feladatváltóban.
A becsületes hatókör: a PWA a jó válasz, amikor a termék web-alakú és a „telepítés” kényelmet jelent; nem akkor, amikor a böngésző által rejtett platform-API-k kellenek — nehéz offline adat, háttérszinkron, mély hardver. Sok terméknek a webverzió amúgy is kell; a manifest plusz service worker napokba kerül, a natív app hónapokba és appstore-adóba.
Kapcsolódó fogalmak
Service worker
Szkript, amit a böngésző az oldalad és a hálózat között futtat — elkapja a kéréseket cacheléshez, offline kiszolgáláshoz és háttérszinkronhoz.
HTTP-cachelés
Fejlécek, amik megmondják böngészőknek és CDN-eknek, meddig használható újra egy válasz — a legolcsóbb teljesítményoptimalizálás, ami létezik.
Kliensoldali renderelés (CSR)
JavaScript-bundle küldése, ami a böngészőben építi fel az oldalt — rugalmas, de az első rajzolat a kód letöltésére és futására vár.
Ide tartozó munkapad
Full-stackHa el tudod mondani, meg tudjuk csinálni. React és Next.js elöl, Python vagy Node mögötte, Postgres alatta, olyan helyre szállítva, aminek a futtatását megengedheted magadnak.
