fix: manifest.json 403 - use Next.js manifest route, remove bak file, update middleware

memento-note/app/layout.tsx

@@ -39,7 +39,7 @@ const jetbrainsMono = JetBrains_Mono({
 export const metadata: Metadata = {
   title: "Memento - Your Digital Notepad",
   description: "A beautiful note-taking app built with Next.js 16",
-  manifest: "/manifest.json",
+  manifest: "/manifest.webmanifest",
   icons: {
     icon: "/icons/icon-512.svg",
     apple: "/icons/icon-512.svg",

memento-note/app/manifest.ts

@@ -0,0 +1,27 @@
+import type { MetadataRoute } from "next";
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: "Memento Notes",
+    short_name: "Memento",
+    description: "A smart, local-first note taking app with AI capabilities.",
+    start_url: "/",
+    display: "standalone",
+    background_color: "#F2F0E9",
+    theme_color: "#1C1C1C",
+    icons: [
+      {
+        src: "/icons/icon-192.svg",
+        sizes: "192x192",
+        type: "image/svg+xml",
+        purpose: "any maskable",
+      },
+      {
+        src: "/icons/icon-512.svg",
+        sizes: "512x512",
+        type: "image/svg+xml",
+        purpose: "any maskable",
+      },
+    ],
+  };
+}

memento-note/middleware.ts

@@ -7,5 +7,5 @@ export default NextAuth(authConfig).auth;
 
 export const config = {
   // https://nextjs.org/docs/app/building-your-application/routing/middleware#matcher
-  matcher: ['/((?!api|_next/static|_next/image|uploads|.*\\.(?:png|json|svg|ico|jpg|jpeg|webp|woff2?)$).*)'],
+  matcher: ['/((?!api|_next/static|_next/image|uploads|.*\\.(?:png|json|webmanifest|svg|ico|jpg|jpeg|webp|woff2?)$).*)'],
 };

memento-note/public/manifest.json

@@ -1,23 +0,0 @@
-{
-  "name": "Memento Notes",
-  "short_name": "Memento",
-  "description": "A smart, local-first note taking app with AI capabilities.",
-  "start_url": "/",
-  "display": "standalone",
-  "background_color": "#F2F0E9",
-  "theme_color": "#1C1C1C",
-  "icons": [
-    {
-      "src": "/icons/icon-192.svg",
-      "sizes": "192x192",
-      "type": "image/svg+xml",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "/icons/icon-512.svg",
-      "sizes": "512x512",
-      "type": "image/svg+xml",
-      "purpose": "any maskable"
-    }
-  ]
-}