Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Curso Práctico de Next.js

Curso Práctico de Next.js

Oscar Barajas Tavares

Oscar Barajas Tavares

Progressive Web Apps con Next.js 12

20/22
Recursos

Aportes 7

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

El error de bad-precaching-response ya está resuelto a partir de la version 5.2.0 de next-pwa.
Yo ahora estoy usando la vesion 5.4.4 y no me salió ese error que le salió a Oscar.

withPWA es un plugin. Existe muchas mas plugins. cuando necesiten incorporar varios plugins deben esta libreria

npm i next-compose-plugins

Les comparto la configuración del next.config.js con las modificaciones necesarias para la PWA:

const withPWA = require('next-pwa');
const runtimeCaching = require('next-pwa/cache');

module.exports = withPWA({
  pwa: {
    dest: 'public',
    register: true,
    mode: 'production',
    disable: false,
    runtimeCaching,
    buildExcludes: [/middleware-manifest\.json$/],
  },
  reactStrictMode: true,
  images: {
    domains: ['placeimg.com'],
  },
});

Me gusta mucho el como nos muestra lo facil que es buscar soluciones en Google, gran curso Oscar. 😄

Cuando instalé la PWA en Big Sur se veía terrible el ícono de la APP. Entonces busqué y encontré la guía de Human interface de Apple para poder alinear el icono con las demás APPs
Human Interface Guidelines

😮 que increíble

que aspectos tecnológicos y de presupuesto se necesita para poner en producción una pwa?