Change canonical blog name via vercel middleware

apps/reverse-proxy/.gitignore

@@ -1 +1,35 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
 .vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

apps/reverse-proxy/middleware.ts

@@ -0,0 +1,33 @@
+import { NextRequest, NextResponse } from 'next/server'
+
+export async function middleware(req: NextRequest): Promise<NextResponse> {
+  if (req.method !== 'GET') return NextResponse.next()
+
+  const url = new URL(req.nextUrl.toString())
+
+  url.protocol = 'https'
+  url.hostname = 'e2b-blog.framer.website'
+  url.port = ''
+
+  if (url.pathname === '/blog') {
+    url.pathname = '/'
+  }
+
+  console.log(url.toString())
+
+  const res = await fetch(url.toString(), { ...req })
+
+  const htmlBody = await res.text()
+
+  // Replace has intentionally not compelted quotes to catch the rest of the path
+  const modifiedHtmlBody = htmlBody.replaceAll(
+    'href="https://e2b-blog.framer.website',
+    'href="https://e2b.dev/blog',
+  )
+
+  return new NextResponse(modifiedHtmlBody, res)
+}
+
+export const config = {
+  matcher: '/blog/:path*',
+}

apps/reverse-proxy/next.config.js

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+}
+
+module.exports = nextConfig

apps/reverse-proxy/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "reverse-proxy",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "next": "latest",
+    "react": "latest",
+    "react-dom": "latest"
+  },
+  "devDependencies": {
+    "@types/node": "latest",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
+    "typescript": "latest"
+  }
+}

apps/reverse-proxy/tsconfig.json

@@ -0,0 +1,36 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    },
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "middleware.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

apps/reverse-proxy/vercel.json

@@ -73,26 +73,6 @@
           "value": "e2b.dev"
         }
       ]
-    },
-    {
-      "source": "/blog(\\/)?",
-      "destination": "https://e2b-blog.framer.website",
-      "has": [
-        {
-          "type": "host",
-          "value": "e2b.dev"
-        }
-      ]
-    },
-    {
-      "source": "/blog/:path*",
-      "destination": "https://e2b-blog.framer.website/blog/:path*",
-      "has": [
-        {
-          "type": "host",
-          "value": "e2b.dev"
-        }
-      ]
     }
   ],
   "redirects": [
@@ -190,4 +170,4 @@
       "permanent": true
     }
   ]
-}
+}