add tsconfig.json, image on openGraph preview

Author: b5

public/img/kv/iroh-kv-og-1.png

@@ -5,13 +5,13 @@ export async function GET(request: Request) {
 
   return new ImageResponse(
     (
-      <div tw="flex flex-col w-full h-full items-center justify-center bg-white">
-        <div tw="bg-gray-50 flex w-full">
+      <div tw="flex flex-col w-full h-full items-center justify-center bg-iroh-kv-og-1 bg-white">
+        <div tw="flex w-full">
           <div tw="flex flex-col md:flex-row w-full py-12 px-4 m-8 md:items-center justify-between p-8">
-            <h2 tw="flex flex-col text-3xl sm:text-4xl font-bold tracking-tight text-gray-900 text-left">
-              <span>{ searchParams.get('title') }</span>
-              <span tw="text-indigo-600">{ searchParams.get('subtitle') }</span>
-            </h2>
+              <h2 tw="flex flex-col text-3xl sm:text-4xl font-bold tracking-tight text-left">
+                <span className="text-purple-500">Title</span>
+                <span tw="mt-5 text-lg sm:text-2xl text-gray-500 text-left">Subtitle</span>
+              </h2>
           </div>
         </div>
       </div>

src/app/api/og/route.tsx

@@ -46,6 +46,7 @@ module.exports = {
         'iroh-kv-2': "url('/img/kv/iroh-kv-2.png')",
         'iroh-kv-3': "url('/img/kv/iroh-kv-3.png')",
         'iroh-kv-4': "url('/img/kv/iroh-kv-4.png')",
+        'iroh-kv-og-1': "url('/img/kv/iroh-kv-og-1.png')",
       },
       opacity: {
         1: '0.01',

tailwind.config.js

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