diff --git a/web/assets/vercel.json b/web/assets/vercel.json
new file mode 100644
index 00000000..5d7adca8
--- /dev/null
+++ b/web/assets/vercel.json
@@ -0,0 +1,6 @@
+{
+  "routes": [
+    { "handle": "filesystem" },
+    { "src": "/(.*)", "status": 404, "dest": "/index.html" }
+  ]
+}
diff --git a/web/webpack.config.ts b/web/webpack.config.ts
index 5f2c16f1..95a6a3ba 100644
--- a/web/webpack.config.ts
+++ b/web/webpack.config.ts
@@ -110,6 +110,10 @@ const config: Configuration = {
           from: path.resolve(__dirname, '../locales'),
           to: 'locales',
         },
+        {
+          from: path.resolve(__dirname, './assets/vercel.json'),
+          to: 'vercel.json',
+        },
       ],
     }) as any,
     new MiniCssExtractPlugin({ filename: 'styles-[contenthash].css' }),