Skip to content
#pwa#sveltekit
Edit
Table of Contents

Progressive Web Apps with Sveltekit

Make your SvelteKit application installable

Setup app.html

src/app.html

<meta name="theme-color" content="#151515" />
<link rel="manifest" href="%sveltekit.assets%/manifest.json" />

Setup manifest

static/manifest.json

{
    "theme_color": "#151515",
    "background_color": "#151515",
    "display": "standalone",
    "scope": "/",
    "start_url": "/",
    "name": "Fabian9799",
    "short_name": "Fabian",
    "icons": [
        {
            "src": "/icon-192.png",
            "sizes": "192x192",
            "type": "image/png"
        }
    ]
}

Notes

  • Replace #151515 with your preferred color
  • Add icons to:
    • /static/icon-192.png
    • /static/icon.svg

Related snippets