Skip to main content
Initial setup and data collection
Carlos Solis avatar
Written by Carlos Solis
Updated over a week ago


I this lesson you will learn how to create a Progressive Web App or PWA. A PWA is a web application that provides a native-like user experience and can be installed on a user's device.

Click on your Site.

Click on your Site.

Click on Go to site and copy the Site URL. For our test, we will use advocate.modyo.cloud/modyo-302

Click on Go to site and copy the Site URL. For our test, we will use advocate.modyo.cloud/modyo-302

Click on Site settings.

Click on Site settings.

Click on General.

Click on General.

Select "Public".

Select "Public".

Click on PWA.

Click on PWA.

Check Enable PWA manifest.

Check Enable PWA manifest.

Type "Mi primer PWA".

Type "Mi primer PWA".

Type "Mi PWA".

Type "Mi PWA".

Select standalone from Display and then click on any from Orientation.

Click on any from Orientation.

In Scope, type your Site URL. For our example, we will use "https://advocate.modyo.cloud/modyo-302". Ensure you type your site URL, otherwise your PWA will not work.

In Scope, type your Site URL. For our example, we will use "<a href="https://advocate.modyo.cloud/modyo-302" rel="nofollow noopener noreferrer" target="_blank">https://advocate.modyo.cloud/modyo-302</a>".

Click on Start URL and type your Start URL.

Click on Start URL and type your Start URL.

Click on Upload and upload an image that is 512x512px at minimum and with a PNG format.

Click on Upload and upload an image that is 512x512px at minimum and with a PNG format.

Type a Description

In Description, type "Lorem ipsum"

Click on Generate

Click on Generate


🏠 Go to Learning path: Cross-platform development with PWAs

Did this answer your question?