Create a Progressive Web App for the website (#1248)

open /schedule on your phone and add website to home screen

![Untitled
design(1)](https://github.com/user-attachments/assets/69551380-083e-4441-aeea-d44134b182f3)

---------

Co-authored-by: hypha <[email protected]>
Co-authored-by: Mia Bajić <[email protected]>

Author: 3 people

astro.config.mjs

@@ -7,6 +7,7 @@ import rehypeSlug from "rehype-slug";
 import rehypeAutolinkHeadings from "rehype-autolink-headings";
 import metaTags from "astro-meta-tags";
 import deleteUnusedImages from "astro-delete-unused-images";
+import serviceWorker from "astrojs-service-worker";
 import { execSync } from "node:child_process";
 import svelte from "@astrojs/svelte";
 import compress from "astro-compress";
@@ -117,6 +118,9 @@ export default defineConfig({
     metaTags(),
     deleteUnusedImages(),
     svelte(),
+    serviceWorker({
+      workbox: { inlineWorkboxRuntime: true },
+    }),
     compress({
       HTML: false,
       CSS: false,
@@ -132,4 +136,8 @@ export default defineConfig({
     remotePatterns: [{ protocol: "https" }],
     domains: ["programme.europython.eu", "placehold.co"],
   },
+  prefetch: {
+    prefetchAll: true,
+    defaultStrategy: "load",
+  },
 });

package.json

@@ -27,6 +27,7 @@
     "astro-meta-tags": "^0.3.2",
     "astro-pagefind": "^1.8.3",
     "astro-preload": "^1.1.2",
+    "astrojs-service-worker": "^2.0.0",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",