diff --git a/public/404.html b/public/404.html
new file mode 100644
index 00000000..0fcb4e9a
--- /dev/null
+++ b/public/404.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, viewport-fit=cover"
+    />
+    <title>Page not found</title>
+    <meta name="color-scheme" content="dark light" />
+    <style>
+      body {
+        text-align: center;
+        font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Segoe UI,
+          Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        min-height: 100vh;
+      }
+      h1 {
+        margin: 0;
+        padding: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>Page not found</h1>
+    <p><a href="/">Go home</a></p>
+  </body>
+</html>
diff --git a/vite.config.js b/vite.config.js
index d894d280..c24d4d1a 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -37,6 +37,7 @@ const rollbarCode = fs.readFileSync(
 export default defineConfig({
   base: './',
   envPrefix: allowedEnvPrefixes,
+  appType: 'mpa',
   mode: NODE_ENV,
   define: {
     __BUILD_TIME__: JSON.stringify(now),
