Create route.tsx

Signed-off-by: gitworkflows <118260833+gitworkflows@users.noreply.github.com>

solutions/blog/app/og/route.tsx

@@ -0,0 +1,22 @@
+import { ImageResponse } from 'next/og'
+
+ export function GET(request: Request) {
+   let url = new URL(request.url)
+   let title = url.searchParams.get('title') || 'Next.js Portfolio Starter'
+
+   return new ImageResponse(
+     (
+       <div tw="flex flex-col w-full h-full items-center justify-center bg-white">
+         <div tw="flex flex-col md:flex-row w-full py-12 px-4 md:items-center justify-between p-8">
+           <h2 tw="flex flex-col text-4xl font-bold tracking-tight text-left">
+             {title}
+           </h2>
+         </div>
+       </div>
+     ),
+     {
+       width: 1200,
+       height: 630,
+     }
+   )
+ }