LogoShipAhead

PWA

Set up your ShipAhead app as a Progressive Web App. Configure installation support and app icons so users can add your product to their home screen.

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

Configure analytics in your ShipAhead app to track page visits and user actions. Learn how to add your provider settings and understand product usage.

Customer Support

Set up customer support in your ShipAhead app to help users in real time, collect feedback, and make it easier to respond to questions and issues.