Manifest

You can specify your app details on Paquet, using your manifest.json or site.webmanifest file.

Here is a manifest.json example:

{
	"name": "Paquet",
	"author": "Savin Angel-Mario",
	"short_name": "Paquet",
	"description": "Check out Paquet to find the best web apps on the open web.",
	"id": "rocks.m4.paquet",
	"icons": [
		{
			"src": "/android-chrome-192x192.png",
			"sizes": "192x192",
			"type": "image/png"
		},
		{
			"src": "/android-chrome-512x512.png",
			"sizes": "512x512",
			"type": "image/png"
		},
		{
			"src": "/android-chrome-192x192.png",
			"sizes": "192x192",
			"type": "image/png",
			"purpose": "maskable"
		},
		{
			"src": "/android-chrome-512x512.png",
			"sizes": "512x512",
			"type": "image/png",
			"purpose": "maskable"
		}
	],
	"theme_color": "#8267be",
	"background_color": "#ffffff",
	"display": "standalone",
	"start_url": "/?utm_source=pwa",
	"scope": "/"
}

The values Paquet uses in your app listing are:

• name
• description
• categories
• icons
• screenshots
• theme_color

name (required)

This is the name that is going to be used when showing your app.

description (optional)

This is the description that will be shown on your app listing.

categories (optional)

This is usually an array of categories. Paquet fetches this manifest property and reflects it to your app. Only the available categories will be displayed.

Paquet also uses aliases so apps are better categorised.

icons (required)

Paquet will fetch the first maskable icon that is 96x96 pixels.

If this icon is not found, Paquet will search for 128x128, 192x192, 256x256, 512x512. The first found will be set as icon.

screenshots

We fetch for all screenshots no matter the size. We recomend you to add screenshots for all suported devices. Screenshots will also improve your visibility on Paquet.

theme_color

We use the this variable to display the accent in the page listing. This can be any hex variable.