14:{"metadata":[["$","title","0",{"children":"Next.js PWA 实战：一步步实现可安装离线博客 | Tarsier Labs"}],["$","meta","1",{"name":"description","content":"

Next.js PWA 实战：一步步实现可安装离线博客

\n
给一个 Next.js 博客添加 PWA 支持，使其可安装到手机主屏幕并支持离线访问。涵盖 Manifest 配置、Service Worker 缓存策略、多语言支持、Lighthouse 满分验证，以及与 Cap..."}],["$","meta","2",{"name":"keywords","content":"Next.js,PWA,Performance,Mobile,technology,software development,AI,Bohol,Philippines"}],["$","meta","3",{"name":"robots","content":"index, follow"}],["$","link","4",{"rel":"canonical","href":"https://tarsierlabs.app/zh/articles/nextjs-pwa-installable-offline-blog/"}],["$","link","5",{"rel":"alternate","hrefLang":"en","href":"https://tarsierlabs.app/en/articles/nextjs-pwa-installable-offline-blog/"}],["$","link","6",{"rel":"alternate","hrefLang":"ja","href":"https://tarsierlabs.app/ja/articles/nextjs-pwa-installable-offline-blog/"}],["$","link","7",{"rel":"alternate","hrefLang":"ko","href":"https://tarsierlabs.app/ko/articles/nextjs-pwa-installable-offline-blog/"}],["$","link","8",{"rel":"alternate","hrefLang":"fr","href":"https://tarsierlabs.app/fr/articles/nextjs-pwa-installable-offline-blog/"}],["$","link","9",{"rel":"alternate","hrefLang":"de","href":"https://tarsierlabs.app/de/articles/nextjs-pwa-installable-offline-blog/"}],["$","meta","10",{"name":"google-site-verification","content":"kzUfSifVDmWdNRVTtLPjlYBBUjeIjmXVDp-BYT_3JQo"}],["$","meta","11",{"property":"og:title","content":"Next.js PWA 实战：一步步实现可安装离线博客"}],["$","meta","12",{"property":"og:description","content":"
Next.js PWA 实战：一步步实现可安装离线博客
\n
\n
给一个 Next.js 博客添加 PWA 支持，使其可安装到手机主屏幕并支持离线访问。涵盖 Manifest 配置、Service Worker 缓存策略、多语言支持、Lighthouse 满分验证，以及与 Cap..."}],["$","meta","13",{"property":"og:image","content":"https://img.joyminis.com/cdn-cgi/image/width=1200,quality=75,f=auto,fit=scale-down/uploads/blog/cmowuzq1x0000pahatxmprtmt/2d466a6b-b559-4ee2-a3f6-98e0abaabcc8.png"}],["$","meta","14",{"property":"og:image:width","content":"1200"}],["$","meta","15",{"property":"og:image:height","content":"630"}],["$","meta","16",{"property":"og:image:alt","content":"Next.js PWA 实战：一步步实现可安装离线博客"}],["$","meta","17",{"property":"og:type","content":"article"}],["$","meta","18",{"property":"article:modified_time","content":"2026-05-08T23:52:57.933Z"}],["$","meta","19",{"property":"article:author","content":"Tarsier Labs"}],["$","meta","20",{"property":"article:tag","content":"Next.js"}],["$","meta","21",{"property":"article:tag","content":"PWA"}],["$","meta","22",{"property":"article:tag","content":"Performance"}],["$","meta","23",{"property":"article:tag","content":"Mobile"}],["$","meta","24",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","25",{"name":"twitter:title","content":"Next.js PWA 实战：一步步实现可安装离线博客"}],["$","meta","26",{"name":"twitter:description","content":"
Next.js PWA 实战：一步步实现可安装离线博客
\n
\n
给一个 Next.js 博客添加 PWA 支持，使其可安装到手机主屏幕并支持离线访问。涵盖 Manifest 配置、Service Worker 缓存策略、多语言支持、Lighthouse 满分验证，以及与 Cap..."}],["$","meta","27",{"name":"twitter:image","content":"https://img.joyminis.com/cdn-cgi/image/width=1200,quality=75,f=auto,fit=scale-down/uploads/blog/cmowuzq1x0000pahatxmprtmt/2d466a6b-b559-4ee2-a3f6-98e0abaabcc8.png"}],["$","link","28",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon"}],["$","link","29",{"rel":"icon","href":"/icons/favicon-16x16.png","sizes":"16x16","type":"image/png"}],["$","link","30",{"rel":"icon","href":"/icons/favicon-32x32.png","sizes":"32x32","type":"image/png"}],["$","link","31",{"rel":"icon","href":"/icons/icon-192x192.png","sizes":"192x192","type":"image/png"}],["$","link","32",{"rel":"icon","href":"/icons/icon-512x512.png","sizes":"512x512","type":"image/png"}],["$","link","33",{"rel":"apple-touch-icon","href":"/icons/apple-touch-icon.png","sizes":"180x180","type":"image/png"}],["$","link","34",{"rel":"apple-touch-icon","href":"/icons/apple-touch-icon-152x152.png","sizes":"152x152","type":"image/png"}],["$","link","35",{"rel":"apple-touch-icon","href":"/icons/apple-touch-icon-167x167.png","sizes":"167x167","type":"image/png"}],["$","link","36",{"rel":"apple-touch-icon","href":"/icons/apple-touch-icon-120x120.png","sizes":"120x120","type":"image/png"}]],"error":null,"digest":"$undefined"}