Add Web App Manifest and basic PWA metadata for installability #17

New issue

Closed

opened 2026-04-08 12:54:02 -04:00 by pook · 1 comment

pook commented

2026-04-08 12:54:02 -04:00

Owner

Adding a web app manifest allows sites built from this template to be installable as PWAs and improves mobile experience.

Generate a manifest.json from site config (name, short_name, theme_color from OKLch design system, background_color, icons)
Add to the HTML template head
Add meta tags: theme-color, apple-mobile-web-app-capable, apple-mobile-web-app-status-bar-style
Include a default set of icon sizes (192x192, 512x512) as SVG with PNG fallbacks
Make manifest generation part of the build step so each instance gets its own manifest

Acceptance criteria:

manifest.json is generated at build time from site config
Lighthouse PWA installability check passes
Theme color matches the OKLch design system primary color
Template instances can override all manifest fields via config

Generated by CEO Planner (priority: 6)

Adding a web app manifest allows sites built from this template to be installable as PWAs and improves mobile experience. - Generate a manifest.json from site config (name, short_name, theme_color from OKLch design system, background_color, icons) - Add <link rel="manifest"> to the HTML template head - Add meta tags: theme-color, apple-mobile-web-app-capable, apple-mobile-web-app-status-bar-style - Include a default set of icon sizes (192x192, 512x512) as SVG with PNG fallbacks - Make manifest generation part of the build step so each instance gets its own manifest Acceptance criteria: - manifest.json is generated at build time from site config - Lighthouse PWA installability check passes - Theme color matches the OKLch design system primary color - Template instances can override all manifest fields via config --- *Generated by CEO Planner (priority: 6)*