Añadir app al escritorio del móvil

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

1. Para que la aplicación pueda instalarse en el teléfono móvil, será necesario que la url sea segura (comience por https).

2. Instalamos el siguiente plugin:

npm i vite-plugin-pwa

3. Añadimos el siguiente código al fichero vite.config.js:

import { VitePWA } from 'vite-plugin-pwa';

...
plugins: [
    react(),
    VitePWA({
      registerType: 'autoUpdate',
      includeAssets: ['favicon.ico'],
      manifest: {
        name: 'My App',
        short_name: 'My App',
        description: 'My App description',
        icons: [
          {
            src: '/icon-192x192.png',
            sizes: '192x192',
            type: 'image/png'
          },
          {
            src: '/icon-512x512.png',
            sizes: '512x512',
            type: 'image/png'
          }
        ]
      }
    })
]

Variables de entorno en el index.html

<link rel="icon" type="image/svg+xml" href="%VITE_SELECTED_ROUTINE%/icon-64x64.png" />
← Next JS
Extras de React →