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

Closed
opened 2026-04-08 12:54:02 -04:00 by pook · 1 comment
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)*
Author
Owner

Closing as duplicate of #18. PR #19 addressed this scope.

Closing as duplicate of #18. PR #19 addressed this scope.
pook closed this issue 2026-04-09 00:41:07 -04:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
pook/website-template#17
No description provided.