a tool for shared writing and social publishing
set size and get response in og-image generation
+8
-3
+8
-3
app/[doc_id]/opengraph-image.tsx
+8
-3
app/[doc_id]/opengraph-image.tsx
···
1
-
import { get_url_preview_data } from "actions/addLinkCard";
2
1
import { headers } from "next/headers";
2
+
import { ImageResponse } from "next/og";
3
3
export const runtime = "edge";
4
4
export default async function OpenGraphImage(props: {
5
5
params: { doc_id: string };
···
9
9
const hostname = headersList.get("x-forwarded-host");
10
10
let protocol = headersList.get("x-forwarded-proto");
11
11
let path = `${protocol}://${hostname}/${props.params.doc_id}`;
12
-
return fetch(
13
-
`https://pro.microlink.io/?url=${path}&screenshot=true&meta=false&embed=screenshot.url`,
12
+
let startTime = Date.now();
13
+
console.log("starting fetch");
14
+
let response = await fetch(
15
+
`https://pro.microlink.io/?url=${path}&screenshot=true&&viewport.width=1200&viewport.height=630&meta=false&embed=screenshot.url`,
14
16
{
15
17
headers: {
16
18
"x-api-key": process.env.MICROLINK_API_KEY!,
17
19
},
18
20
},
19
21
);
22
+
let endTime = Date.now();
23
+
console.log(`fetched in ${(endTime - startTime) / 1000} seconds`);
24
+
return response;
20
25
}