AI PWA Builder

Installable Web Apps, Generated on Request

A new Fabricate project is a Vite React app on Cloudflare Workers with no service worker and no web app manifest. Ask for a PWA and the AI writes them into your project: manifest with icons, a registered service worker, and a caching strategy you describe. It is a prompt, not a default - and this page is specific about which parts are which.

  • No coding required
  • Database included
  • Deploy instantly
Key takeaways
  • PWA features are generated on request - a new Fabricate project has no service worker and no manifest
  • Say "make this a PWA" and describe what must work offline; the AI writes the manifest, service worker and caching
  • Push notifications need VAPID keys you supply, and browser support for install and background work varies by platform

Everything you need to build

Not On by Default

The starter templates ship no service worker and no manifest. Nothing here happens unless you ask for it, so put "make this a PWA" in your prompt.

Installable Experience

Ask for it and the AI writes a Web App Manifest with icons, display mode and theme colors, so browsers that support installation can offer it.

Offline Caching You Describe

Say which pages and requests should survive a dropped connection and the AI writes a service worker with a matching cache strategy and an offline fallback.

Fast Loads by Default

This part is genuinely automatic: builds are code-split and minified by Vite and served from Cloudflare's edge, PWA or not.

Offline Queueing on Request

Actions taken offline can be queued and replayed on reconnect if you ask for it. Support for the underlying browser APIs varies, so test on your target devices.

Push Needs Your Keys

Web push can be generated, but it is not self-contained: you supply VAPID keys and somewhere to store subscriptions, and delivery depends on the browser and platform.

How it works

  1. 1

    Say You Want a PWA

    Name it explicitly in your prompt. Without that you get a normal web app - a good one, but not an installable one.

  2. 2

    Describe What Must Work Offline

    Be concrete: which screens, which data, and what should happen when a request cannot reach the network. The service worker is written from that description.

  3. 3

    Test Offline Behaviour Yourself

    Open the deployed URL, switch the network off in devtools, and check that the cached screens load and the fallback appears. Verify it rather than assuming it.

  4. 4

    Wire Up Push if You Need It

    Ask for the subscription flow and permission prompt, then supply your own VAPID keys and a place to store subscriptions before it can send anything.

  5. 5

    Deploy and Share the URL

    Deploy and send the link. On browsers that support installation, visitors can add it to their home screen from the browser menu.

In-depth guide

Progressive Web App Generation with Fabricate

This page used to say Fabricate generated PWAs automatically - manifest, service worker, background sync and push, all handled. It does not. Every starter project in the catalog is a plain Vite React application served by Cloudflare Workers, with no service worker, no web app manifest and no PWA build plugin. That matters because a buyer who took the old claim at face value would deploy, install nothing, and find no offline behaviour at all.

What actually happens is simpler and still useful: you ask, and the AI writes the code into your project like any other feature. "Make this installable and keep the last five orders readable offline" produces a manifest and a service worker scoped to that requirement. Because it is generated rather than bundled, it is also yours to read and change.

What is automatic regardless: Vite production builds that are code-split and minified, and Cloudflare edge delivery. Fast first load is not a PWA feature and you get it either way.

What has real caveats: push notifications need VAPID keys and subscription storage that you provide, and installation and background behaviour differ across browsers and platforms. Treat any offline or notification requirement as something to test on your target devices rather than something the page can promise on your behalf.

What you can build

  • Offline-First Tools - Note-taking and task apps that keep working on a dropped connection
  • Field Data Collection - Survey and inspection forms for areas with unreliable connectivity
  • News and Content Readers - Articles cached for reading without a live network
  • Retail and Counter Apps - Screens that stay usable during a network outage
  • Travel Guides - Itineraries and recommendations available without roaming data
  • Training Platforms - Course content cached for learners in low-connectivity environments

Frequently Asked Questions

Is my Fabricate app a PWA already?
No. A new project is a Vite React app on Cloudflare Workers with no service worker and no manifest. Ask for a PWA and the AI adds them; without that request it is a regular web app.
What is a Progressive Web App?
A web application that adds a manifest and a service worker so it can be installed to a home screen and keep working with a poor or missing connection. No app store listing is involved.
Do PWAs work on iOS and Android?
Installation and offline caching are widely supported across current mobile and desktop browsers, but the details differ by browser and platform - particularly push notifications and background work. Test on the devices your users actually have.
How does offline caching work?
The generated service worker intercepts network requests and serves cached responses when the network is unavailable. You tell the AI which pages and data matter and it writes the strategy to match.
Can I send push notifications?
The subscription flow, permission prompt and handler can be generated, but push is not turned on for you: you provide VAPID keys and storage for subscriptions, and whether a notification arrives depends on the user's browser and platform.
How do I update a deployed PWA?
Redeploy and the service worker picks up the new build. Ask for an explicit update prompt if you want users told to refresh rather than getting the new version on their next visit.

Ready to start building?

Join thousands of creators building with AI. No coding required. Start free today.