# Create & Publish PWA

### How to create and share a PWA?

Create and share a Progressive Web App (PWA) — a lightweight, web-based version of your mobile app that works seamlessly across all devices and platforms. PWAs offer a quick and flexible way to deliver your app-like experience without going through app store publishing.

{% embed url="<https://scribehow.com/viewer/Set_Up_Dailyfashion_App_Domain__EDcldh4fScG1Wi0t5-6u4g>" %}

#### Step 1: Access the PWA publishing section

* Log in to your AppMySite account.
* Navigate to your custom app dashboard.
* Go to the [**Download**](https://app.appmysite.com/app/download) section from the left menu.
* Find the PWA section.
* Click the Publish button to begin the setup.

{% hint style="danger" %}
Progressive web apps are available by default for the **Custom App** product. If you're using another app product, this option will not appear in your app dashboard.
{% endhint %}

#### Step 2: Publish your PWA

* You will be redirected to the PWA screen.
* Click the Publish button from the top right of the screen.&#x20;
* Your PWA will be generated and published instantly.

{% hint style="success" %}
A free SSL certificate is included to ensure encrypted and secure connections to your PWA.
{% endhint %}

#### Step 3: Preview and install your PWA

Once published, you can:

* Scan the QR code to preview and install the PWA on your mobile device.
* Click the Desktop App button to open and view the app in a browser.

{% hint style="warning" %}
On most mobile browsers, you’ll see an “Add to Home Screen” prompt—tap it to install the PWA like a native app. Alternatively, you can use your device’s native share option to add it to your home screen.
{% endhint %}

#### Step 4: Share your PWA

* Click the Share button to copy your PWA’s link.
* Share the link with users, teams, or customers for easy access on any device.

{% hint style="success" %}
PWAs don’t require app store submissions, making distribution faster and more flexible.
{% endhint %}

#### Step 5: Customize your domain

{% embed url="<https://scribehow.com/shared/Customize_your_domain__tCVMHzCIRZCF9y0LvfxDsg>" %}

* Click the [**Domain Setup**](https://app.appmysite.com/app/domain?from=download) button on the PWA screen.
* You’ll be taken to the Domain settings page.
* In the domain field, enter a domain you own, e.g.,yoursite.com. A domain is your main web address that people use to access your site.
* In the subdomain field, Enter a subdomain. A subdomain is a prefix added to your main domain to create a unique web address.
* Click Save to apply changes.

**Step 6: Update DNS settings with your domain host**

* In the Verify subdomain section, you will see two CNAME records
* Add both these CNAME records in your DNS host
* Go to your DNS host or domain registrar (e.g., GoDaddy, Namecheap, Cloudflare)
* Add a new CNAME record with the following details:
  * CNAME Host: your chosen subdomain (e.g., `app`)
  * CNAME Destination: the web address provided by AppMySite
  * TTL: set to Auto as configured by your DNS provider
  * Proxy status: set to "DNS only" (disable proxy if using Cloudflare)

{% hint style="danger" %}
CNAME records help route your custom subdomain to AppMySite's platform without exposing their domain to your customers.
{% endhint %}

**Step 7: Activate the connection**

* After updating the DNS records, return to the domain settings in AppMySite
* Click Activate to complete the domain setup
* Your PWA app will now be accessible via your custom subdomain

{% hint style="warning" %}
The character limit for both domain and subdomain is 255 characters.
{% endhint %}

{% hint style="warning" %}
Changes to DNS records may take time to propagate—if verification fails, try again after a short wait. The subdomain will be active once the DNS propagation is verified.
{% endhint %}

{% hint style="warning" %}
Custom domains are available on the Premium plan, enabling you to white label your app with a fully branded web address. If you're on another plan, your PWA will be published on a default AppMySite domain (e.g., yourapp.myappmysite.com)
{% endhint %}

#### Expected outcome

You will have a fully functional, shareable PWA version of your app that:

* Works across all browsers and platforms.
* Can be installed like a native app on mobile and desktop.
* Work seamlessly across all major desktops, including Windows, macOS, and others.
* Offers an easy distribution and access option with instant sharing and no app store delays.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.appmysite.com/app/download/progressive-web-apps/create-and-publish-pwa.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.