View All
web-dev

Progressive Web Apps (PWA): App Features Without the App Store

Jawad Hakimi6 min read

A progressive web app (PWA) is a website built so it can be installed on a phone's home screen, open in its own full-screen window, keep working with a weak or missing connection, and send push notifications, all without going through the Google Play Store or Apple App Store. You build it once with web technology, and it runs on Android, iPhone and desktop from the same code. For many small and medium businesses in Afghanistan, a PWA delivers most of what they wanted from an app at a fraction of the cost and effort.

Key Takeaways

  • A PWA is a normal website plus three ingredients: HTTPS, a web app manifest and a service worker.
  • Users can install it from the browser, and it can cache pages and data so it still works on slow or interrupted mobile data.
  • One codebase serves Android, iOS and desktop, and updates go live instantly without app store review.
  • Native apps still win when you need deep hardware access, heavy background processing or strong app store discovery.
  • PWAs suit booking, ordering, catalogues, portals and internal business tools especially well.

What Makes a Website a Progressive Web App?

A website becomes a progressive web app when it is served over HTTPS, includes a web app manifest, and registers a service worker. Everything else is good design and engineering built on top of those three pieces.

  • HTTPS. PWAs only work on secure connections. Any modern website should already have this.
  • Web app manifest. A small file that tells the device the app's name, icons, theme colour and how it should open, for example full screen without the browser address bar.
  • Service worker. A script that runs in the background between your site and the network. It decides what to cache, serves saved pages when the connection drops, and receives push messages.

Because a PWA is still a website, it can be found on Google, shared as a link on WhatsApp or Facebook, and opened instantly without any installation. Installation is an extra option, not a barrier.

How Do PWAs Work on Android and iPhone?

On Android, browsers such as Chrome can prompt users to install a PWA, and once installed it looks and behaves very much like a native app. On iPhone and iPad, users install a PWA from Safari using "Add to Home Screen", and since iOS 16.4 home-screen web apps can receive push notifications once the user grants permission.

There are still differences between platforms. Apple's support for some web features is more limited than Android's, and certain device features such as Bluetooth or NFC are not available to web apps on iOS. Browser support changes over time, so check current capabilities for any specific feature your project depends on before committing to it.

On desktop, Chrome and Edge also let users install PWAs as standalone windows, which is useful for dashboards and internal tools your staff use every day.

Why Are PWAs a Good Fit for Businesses in Afghanistan?

PWAs are a good fit in Afghanistan because they are light, work with poor connectivity, and avoid many of the practical hurdles of publishing native apps. Each of these matters more here than in markets with fast, cheap data.

  • Data is expensive and connections drop. A well-built PWA caches its interface after the first visit, so later visits load from the phone almost instantly and use very little data. Our guide on website speed on slow internet in Afghanistan explains why this matters.
  • Small download. A customer does not need to download tens of megabytes before trying your service. Many phones in use have limited storage, and users often delete apps they rarely open.
  • No app store gatekeeping. Setting up developer accounts, payment profiles and store listings can be complicated for businesses based in Afghanistan. A PWA can be launched on your own domain without that process.
  • Instant updates. Fix a price, add a product or change a form and every user has the new version on their next visit, with no store review delay.
  • Reach the diaspora too. The same link works for a customer in Kabul and a relative in Hamburg or Toronto, in Dari, Pashto or English.

When Should You Choose a Native App Instead?

Choose a native app when your product depends on features or performance that the web cannot reliably provide, or when being listed in the app stores is central to how customers find you. A PWA is not a universal replacement.

Native apps are usually the better choice when you need:

  • Continuous background tasks, such as live GPS tracking of drivers when the app is closed.
  • Hardware features with limited web support on iOS, such as Bluetooth devices or NFC payments.
  • Heavy graphics, games or advanced camera and media processing.
  • Deep integration with the operating system, widgets or wearables.
  • Strong visibility inside Google Play or the App Store as a discovery channel.

It is also possible to start with a PWA and add native apps later, or to package a PWA for Google Play using Trusted Web Activities. If you are weighing the options, our article on whether to build an app or a website first walks through the decision.

How Do You Plan and Build a PWA?

Plan a PWA by deciding what must work offline, what triggers a notification and what the installed experience should feel like, then build it on a modern framework with careful caching. Here is the process we follow:

  1. Define the core tasks. List the two or three actions users repeat most, such as checking a schedule, placing an order or viewing a catalogue.
  2. Decide the offline behaviour. Choose which screens and data should be available without a connection, and how actions taken offline (like a submitted form) should sync later. See our guide to offline-first mobile apps for patterns.
  3. Design for small screens first. Large tap targets, fast-loading pages and right-to-left layouts for Dari and Pashto.
  4. Create the manifest and icons. Name, short name, icons in the required sizes, theme colours and display mode.
  5. Write the caching strategy. Cache the app shell aggressively, cache content with sensible expiry, and never cache private or payment data carelessly.
  6. Add push notifications carefully. Ask for permission only after the user has a reason to say yes, such as tracking an order.
  7. Test on real devices and weak networks. Use throttled connections and older Android phones, not just a fast office laptop.

Frameworks such as Next.js work well for PWAs because they combine fast server-rendered pages, good SEO and modern caching.

What Kinds of Businesses Benefit Most From a PWA?

Businesses whose customers return regularly to do a simple task benefit most from a PWA. Common examples include:

  • Restaurants and shops taking orders or showing a menu or catalogue.
  • Schools and training centres giving students access to timetables, results and announcements.
  • Clinics handling appointment requests and reminders.
  • Service companies managing bookings and quote requests.
  • Internal tools for field staff who need forms and checklists that work without a signal.

Work With Sheen

Sheen builds fast, installable web apps on Next.js with offline support and Dari, Pashto and English interfaces, and we will tell you honestly when a native app is the better option. Explore our mobile apps service, or book a call and reach us at info@sheen.af or +93 784 966 018.


Frequently Asked Questions

Can a progressive web app be listed on Google Play?

Yes. A PWA can be wrapped as an Android app using Trusted Web Activities, often with Google's Bubblewrap tool, and submitted to Google Play like any other app. You still need a Google Play developer account and must follow the store's policies. Many businesses launch the PWA on their own domain first and add a store listing later if discovery in Google Play becomes important.

Do PWAs work offline on iPhone?

Yes, Safari on iPhone supports service workers, so a PWA can cache pages and data and show them without a connection. Storage limits on iOS can be tighter than on Android, and cached data may be cleared if the app is not used for a while, so important data should always be synced to your server when the connection returns.

Is a PWA cheaper than building a native app?

Usually, yes. A PWA is built from one web codebase instead of separate Android and iOS apps, needs no store submissions, and updates instantly, which lowers both build and maintenance costs. The exact cost depends on features such as offline sync, accounts, payments and integrations, so it is best to scope the core tasks first and get a quote based on them.

Will a PWA still show up in Google search?

Yes. A PWA is a website, so its pages can be crawled and ranked like any other site as long as the content is rendered in the HTML and each page has its own URL, title and description. This is a real advantage over native apps, whose content is generally not visible in normal web search results.


Keep reading

Read More