Carlos Solís
Instant Image Optimization with Liquid in Modyo
Optimizing images is essential for any website, especially if you’re aiming for fast load times and a great user experience.
A manifest.json contains all the required information to let a user’s web browser interact with your PWA (progressive web application). Developing PWAs is time-consuming and creating the configuration files is one of the least interesting parts of the work. In Modyo we offer a way to automatically generate the manifest.json to avoid distractions to your workflow.
A PWA is a web application that can be seen from the web or installed locally. The objective is to create an experience that is similar between web and mobile applications without sacrificing the benefits of both. This has multiple advantages compared to a traditional mobile application:
PWAs are more light-weight and quick due to avoiding the overhead costs of required libraries from app marketplaces such as Apple App Store or Google Play Store.
They work normally offline or in poor internet conditions.
Users don’t have to worry about installing updates.
Manifest.json acts as a link between a device (computer or mobile device) and the PWA. The file contains the configuration to establish the details of communication such as: the URL of the PWA, the ícon, the type of window to open, etc. A user that visits your website, can be invited to install your PWA or be redirected to it if they use a mobile device.
This file is of utmost importance and as such, any mistake in this section can be catastrophic for the PWA. With Modyo, you don’t have to worry about writing this file. You only have to let the system generate the manifest.json automatically for you:
Inside your site’s configuration, in the PWA section, activating the “Enable PWA manifest” option will open the following window:
Here you must fill out this form that the user’s operating system will use to display your PWA, the fields you will need are:
When you complete the form and click Generate, you will see the generated manifest.json:
Now that you have a manifest.json with all the required information to display your application correctly, you're now one step closer to migrating your site to a PWA.
Photo by Pavan Trikutam on Unsplash
Carlos Solís
Optimizing images is essential for any website, especially if you’re aiming for fast load times and a great user experience.
Carlos Solís
Forms are fundamental in any financial application. They help capture critical user information, such as personal data, preferences, and financial details.
Carlos Solís
Debugging is an essential part of software development. It allows us to identify and fix errors, optimizing the performance and stability of our applications.