cf

package-lock.json

@@ -2370,6 +2370,7 @@
       "resolved": "https://registry.npmjs.org/@cloudflare/next-on-pages/-/next-on-pages-1.13.2.tgz",
       "integrity": "sha512-lIri+zuxj6SKqIlewOoC9g9dD5+GbUMAXRrkhApmWGekE0PFlEAR7tHHDkbMXix4ctp7K4lPBY/wWUd8oh+VtQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "acorn": "^8.8.0",
         "ast-types": "^0.14.2",

package.json

@@ -9,8 +9,10 @@
     "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
-
+    "lint": "next lint",
+    "pages:build": "npx @cloudflare/next-on-pages",
+    "preview": "npm run pages:build && wrangler pages dev",
+    "deploy": "npm run pages:build && wrangler pages deploy"
   },
   "dependencies": {
     "@hookform/resolvers": "^3.9.0",

src/app/not-found.tsx

@@ -0,0 +1,15 @@
+import { BrandingAssets } from "@/components/branding-assets";
+import Footer from "@/components/footer";
+import { Navigation } from "@/components/navigation";
+
+export const runtime = 'edge'
+
+export default function NotFoundPage() {
+  return (
+    <main className="flex min-h-screen flex-col items-center justify-start">
+      <h1>404</h1>
+      <Footer />  
+      <Navigation /> {/* At the bottom of the page */}
+    </main>
+  );
+}

wrangler.toml

@@ -0,0 +1,4 @@
+name = "zenbrowser-www"
+compatibility_date = "2024-07-29"
+compatibility_flags = ["nodejs_compat"]
+pages_build_output_dir = ".vercel/output/static"