LogoShipAhead

PWA

Set up Progressive Web App (PWA) in your app for app-like installation.

Tools

  • Vite PWA: Enables app installation, caching, and push notifications for Nuxt apps.

Setup

  1. Enable in config:
    shared/config.ts
    pwa: {
    enable: true,
},
  2. Replace PWA icons in /public/images/ with your own (recommended sizes):
    • pwa-icon-48x48.png (48x48 pixels)
    • pwa-icon-192x192.png (192x192 pixels)
    • pwa-icon-512x512.png (512x512 pixels)

Usage

  • Generates a web app manifest for installing the app on devices.
  • Caches assets for faster load times.
  • Test: open site in Chrome → look for install prompt.
  • Install the app and verify it launches like a native app.

Analytics

Set up analytics in your app to track user visits and actions.

Customer Support

Set up customer support in your app to help users in real-time with live chat.