Back to documentation
Getting Started

Installing Your Product as an App (PWA)

Make your product installable on phones and desktops as a Progressive Web App.

Products built by Idea to Life can be Progressive Web Apps (PWAs): websites that users install on their phone home screen or desktop, launch full-screen without browser chrome, and in many cases use offline. If your blueprint includes PWA support, this guide explains what you get and how installation works for your users.

What a PWA includes

  • A web app manifest describing the app name, icons, colors, and display mode.
  • A service worker that caches key assets so the app loads fast and tolerates flaky connections.
  • Installability on iOS, Android, Windows, macOS, and ChromeOS — no app store account, review process, or store fees.

How your users install it

On Android (Chrome and most browsers):

  1. Visit your product's URL.
  2. Tap the "Install" prompt, or open the browser menu and choose "Add to Home screen" / "Install app".

On iOS (Safari):

  1. Visit the URL in Safari.
  2. Tap the Share button, then "Add to Home Screen".
iOS does not show an automatic install prompt, so if mobile installs matter to you, consider asking for a small in-app hint that guides iPhone users through the Share menu. That is a normal change request.

On desktop (Chrome and Edge), an install icon appears at the right end of the address bar when the site qualifies.

What offline support means honestly

A PWA is not automatically a full offline application. By default the service worker caches the application shell — layout, styles, scripts, icons — so the app opens instantly and survives brief network drops. Features that need live data (submitting a booking, loading fresh dashboard numbers) still require a connection unless offline behavior was specifically designed in. If you need true offline workflows, say so in your blueprint or as a change request so it can be scoped and estimated properly.

Requirements

PWAs require HTTPS, which every Render deployment has by default, including free onrender.com subdomains and custom domains. No extra configuration is needed on your part.

Updating an installed app

When you ship changes, users do not reinstall anything. The service worker checks for a new version and updates in the background; users typically see the new version on their next launch. If you ever notice a stale version during testing, close all tabs or the installed window and reopen it.

Adding PWA support later

If your product launched without PWA support, you can add it with a change request such as "make this installable as a PWA with our logo as the icon". The platform will add the manifest, icons, and service worker, and redeploy.