From the course: React: Building Progressive Web Apps (PWAs)

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Understanding the PWA manifest

Understanding the PWA manifest - React.js Tutorial

From the course: React: Building Progressive Web Apps (PWAs)

Start my 1-month free trial

Understanding the PWA manifest

- [Instructor] At the root of our public folder in the project, there's a file called the manifest.json. We haven't really talked about this too much, but this is an extremely important file for making a progressive web app. It contains all sorts of metadata about the application, and you can view all this information in the DevTools. So I'm going to start, as we have been doing, by running another build. Just to be sure we have all of the latest code. We then will serve it up, and we'll open up localhost:5000. If you open up the DevTools, specifically the application panel, there's this tab called Manifest. And you can even click on this link to the manifest JSON, and this will open up all of the JSON data for this particular app. Now you can look down the list here and you'll see the name, the short name, the theme color, and then some information about icons. So anything related to this application is going to be found here. I'm going to run another quick Lighthouse audit. So I'll…

Contents