Bir neçə ildir ki, “Hey, bu proqramı yüklü və offline çalışdıra bilərik?” – deyirlər. PWA rabbit qapısına yavaş, ağrılı aşağı düşməyi qadağan edin: flaky xidmət işçisi setupları, cache kaos, App Router şeyləri çalmaq və kullanıcılar manually Cache Gods çağırmadıqca eski versiyaları ilə qalmışdır. Belə ki, çoxlu kafeinli və kifayət qədər səbirli olan hər bir razılıqlı geliştiricinin etməyəcəyini etdim: Mən özümə pis paketi hazırladım. Introducing: next-pwa-pack Bu Next.js üçün bir drop-in wrapperdir (yep, App Router ilə yaxşı çalışır) ki, yalnız bir providerlə layoutunuzu pak edərək tam PWA dəstəyi verirsiniz. import { PWAProvider } from "next-pwa-pack"; export default function layout({ children }) { return <PWAProvider>{children}</PWAProvider>; } və Appunuzu yerli kimi yükləyin, offline işləmək, cahil sayılar, sinxrar tabları və hətta bir built-in dev panellə gəmilər ki, bir şeyin işlədiyini bilmək olmaz. boom Bunu tərk et və həyatınızla davam etdirin. Niyə bunu yaratmışam Hər dəfə bir müştəri “offline-first” və ya “PWA xüsusiyyətləri” üçün soruşduğumda, içimdə bir az ölmüşəm. VVD - Hollandiyada futbolçu bu adla tanımır, orada VVD daha çox mərkəz-sağı təmsilən edən siyasi partiyanın adının qısaltması kimi bilinir - artıq sorğu-suala ehtiyacı olmayan ulduzdu. next-pwa Sonunda, mən istədiyim bir şey istədiyim bir setup idi. Mənə işləyən bir servis işçisi, pre-caching, güncellemə logiki və versiyanın kontrolü verən bir şey - və yoldan çıxdı. Mən bunu inşa etdim. Əslində nə baş verir Həkimlərin altında, Gəmilər həlak olub və və Əgər onlar hələ də yoxdursa, sw.js HTML və statik varlıq cache ilə düzgün bir standartla işləyir – HTML cavabları 10 dəqiqə TTL alır və JS, CSS və görüntülər kimi varlıqlar daima saxlanır. next-pwa-pack sw.js manifest.json offline.html İnternetin bütün fəlsəfələrindən istifadə etmək üçün, bu Əsas səhifə » Xəbərlər » Dərslər » Dərslər » Dərslər » Dərslər » Dərslər » Dərslər » Dərslər » Dərslər Beləliklə, kullanıcılar qorxulu beyaz ekranla qarşılaşmırlar. localStorage offline.html VVD - Hollandiyada futbolçu bu adla tanımır, orada VVD daha çox mərkəz-sağı təmsilən edən siyasi partiyanın adının qısaltması kimi bilinir - artıq sorğu-suala ehtiyacı olmayan ulduzdu. Bir neçə sayda yeni material çəkmək istəyirsənmi? Tramp isə Con Brennanı “çox pis oğlan” adlandırıb. İnstallaşdırma statusunu izləmək və ya yeni versiyaları dinləmək lazımdır. clearAllCache() updateSWCache(["/blog", "/dashboard"]) usePWAStatus() Dövləti modası Əgər imkan verirsən Bu, sizin online/offline statusunuzu göstərir, cache-ni təmizləməyə və ya yeniləməyə imkan verir, servis işçisini açıqlayır və test etdiyiniz vaxt cache-ni açmaq və ya açmaq üçün daxildir. devMode Düşünmək üçün bir neçə şey Biz yalnız GET istəkləri cahil edərik – mutasiya və ya həddi aşan POST məlumatları yoxdur – və əgər HTML TTL və ya digər caching kurallarını dəyişmək istəyirsənsə, onu dəyişmək lazımdır. Bir neçə ildir ki, bu sistem hazırlaşır. sw.js Amma performans baxımından, etki minimaldır və əgər bir şey olursa, qaytarılan ziyarətçilər cahil edilən cavablardan bir sürətli artım görəcəklər. Sonrakı nə Bu yol planı config-based TTL kuralları, push xəbərdarlıqları, URL şablonlarına uyğun daha smart cache strategiyaları, ISR (Incremental Static Regeneration) ilə integrasiyası və hətta cache hit/miss metriklərini real vaxtda izləmək üçün daxil edilmiş bir dəlil planı dəstəkləyir. Təsadüfi: Dr İnşaat Çünki mən işləyirdim ki, servis işçileri ilə işləyir və üretimdə sabit cahilləri düzəltsin. Sizin istifadə etməliyinizdən istifadə edə bilər, istifadə etməliyinizdən istifadə edə bilərsiniz. next-pwa-pack Next.js Open Source-dur və buradan istifadə edə bilərsiniz: <https://github.com/dev-family/next-pwa-pack](https://github.com/dev-family/next-pwa-pack) Bunu istifadə edin, forq edin, parçalayın – və mənə nə düşünürsünüz. Qazaxıstanda qalın!