Change the Name and Short Name of a PWA built with create-react-app

The name of a PWA is defined in the manifest.json file. We'll edit the default manifest that comes with create-react-app to change the name and short name of our app.

The short name has a maximum length of 12 characters, and is used underneath your app when it is installed on a user's homescreen.

The full name has a maximum length of 45 characters, and is used in the Chrome web store, and in the installation dialog boxes, when a user is installing your application.

If you don't specify a short name, then the long name will be truncated to fit the space.