feat: optimize og image generation

guildxyz · Jan 28, 2025 · de251c6 · de251c6
1 parent 9f2f9c9
commit de251c6
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/src/components/common/LinkPreviewHead.tsx b/src/components/common/LinkPreviewHead.tsx
@@ -4,8 +4,16 @@ type Props = {
   path: string
 }
 
+const getTimestamp = () => {
+  const rounded = new Date()
+  rounded.setMinutes(0)
+  rounded.setSeconds(0)
+  rounded.setMilliseconds(0)
+  return rounded.getTime()
+}
+
 const LinkPreviewHead = ({ path }: Props) => {
-  const url = `https://guild.xyz/api/linkpreview/${Date.now()?.toString()}/${path}`
+  const url = `https://guild.xyz/api/linkpreview/${getTimestamp()}/${path}`
 
   return (
     <Head>

diff --git a/src/pages/api/linkpreview/[timestamp]/[guild]/[group].tsx b/src/pages/api/linkpreview/[timestamp]/[guild]/[group].tsx
@@ -3,10 +3,6 @@ import loadGoogleFont from "fonts/loadGoogleFont"
 import { ImageResponse } from "next/og"
 import { Guild } from "types"
 
-export const config = {
-  runtime: "edge",
-}
-
 const interFont = loadGoogleFont("Inter", "400")
 const interBoldFont = loadGoogleFont("Inter", "700")
 const dystopianFont = fetch(
@@ -260,6 +256,9 @@ const handler = async (req, _) => {
         </div>
       </div>,
       {
+        headers: {
+          "Cache-Control": "s-maxage=3600", // 1 hour
+        },
         width: 800,
         height: 450,
         fonts: [

diff --git a/src/pages/api/linkpreview/[timestamp]/[guild]/index.tsx b/src/pages/api/linkpreview/[timestamp]/[guild]/index.tsx
@@ -3,10 +3,6 @@ import loadGoogleFont from "fonts/loadGoogleFont"
 import { ImageResponse } from "next/og"
 import { Guild } from "types"
 
-export const config = {
-  runtime: "edge",
-}
-
 const interFont = loadGoogleFont("Inter", "400")
 const interBoldFont = loadGoogleFont("Inter", "700")
 const dystopianFont = fetch(
@@ -246,6 +242,9 @@ const handler = async (req, _) => {
         </div>
       </div>,
       {
+        headers: {
+          "Cache-Control": "s-maxage=3600", // 1 hour
+        },
         width: 800,
         height: 450,
         fonts: [