reactjs - NextJs 中的 PWA 支持

标签 reactjs next.js progressive-web-apps service-worker workbox

我们想构建一个完全离线的 React Web 应用程序。我们通常使用 NextJS。
我们当前面临的问题是我们无法预缓存应用程序的所有路由,即使它们没有使用 SSR。
例如:

pages
 - index.js
 - projects
   - index.js
   - [id.js]
Service Worker 应该预先缓存所有页面 (HTML),以便应用程序立即完全脱机:
  • /
  • /项目
  • /projects/123
  • /项目/???

  • 我们尝试使用 next-offlinenext-pwa ,但我们只能预缓存静态 Assets 。
    有没有人有类似的要求并找到了解决方案?

    最佳答案

    你可以让你自定义 service worker 或者简单地使用包
    https://github.com/hanford/next-offline通过简单的 PWA 离线支持配置
    enter image description here
    编辑:外部脚本的附加屏幕截图

    关于reactjs - NextJs 中的 PWA 支持,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63051128/

    相关文章:

    javascript - 如何重新触发使用 Preventdefault() 取消的 js 事件

    javascript - 如何在 Next.js 路由器中取消绑定(bind) beforePopState 绑定(bind)?

    docker - 在一个Dockerfile上Dockerize next.js和nginx

    service-worker - pwa - Service Worker 未成功提供 list 的 start_url

    android - 在 Chrome Android 中全屏运行的 PWA 不支持显示模式 : standalone

    javascript - 程序包未在 xxx :yy React Native 处运行

    javascript - map 不输出任何东西,没有错误信息

    reactjs - Fetch API 无法加载 webpack ://. .. 错误

    reactjs - ReactJS 应用程序中的配置文件

    css - ReactJS-CSS : setting trasitionProperty in style object does not work