next-pwa:使用Next.js的简单服务器端呈现的PWA

时间:2024-05-20 16:33:11
【文件属性】:

文件名称:next-pwa:使用Next.js的简单服务器端呈现的PWA

文件大小:96KB

文件格式:ZIP

更新时间:2024-05-20 16:33:11

CSS

下一轮 这是使用React构建的渐进式Web应用程序。 主要功能包括- 服务器端渲染和代码拆分(使用Next) 由于组件缓存(使用lru缓存),因此具有更好的服务器渲染性能 使用预缓存和运行时缓存对Service Worker进行脱机支持(感谢Workbox) 清除未使用CSS(感谢PurifyCSS,我们还设置了autoprefixer) 路由预取(命令式和声明式) 使用webpack-pwa-manifest进行Web清单生成 在加载基于路由的块时加载指标 还使用Spectre.css进行样式设置(不要担心未使用CSS选择器会被裁剪掉,切记) 使用React渐进式图像以实现更好的图像加载设置 阅读本系列的所有文章,整个过程-用Next.js构建渐进式Web应用- 和 想要一起玩 分叉,然后克隆并 npm install 为了发展 npm run dev 用于生产 npm r


【文件预览】:
next-pwa-master
----next.config.js(3KB)
----package.json(637B)
----server.js(2KB)
----package-lock.json(311KB)
----static()
--------favicon.ico(15KB)
----pages()
--------index.js(679B)
--------_document.js(290B)
--------movie.js(2KB)
--------_app.js(439B)
----.gitignore(268B)
----components()
--------Image.js(607B)
--------Nav.js(332B)
--------Oops.js(320B)
--------Header.js(1KB)
--------OfflineSupport.js(397B)
--------Movie.js(982B)
----README.md(1KB)
----utils()
--------apiCalls.js(740B)
----spectre.css(58KB)
----style.css(2KB)
----postcss.config.js(60B)

网友评论