diff --git a/apps/web/src/app/(content)/blog/[slug]/page.tsx b/apps/web/src/app/(content)/blog/[slug]/page.tsx index f6f21d6f..42a624ad 100644 --- a/apps/web/src/app/(content)/blog/[slug]/page.tsx +++ b/apps/web/src/app/(content)/blog/[slug]/page.tsx @@ -43,7 +43,7 @@ export async function generateMetadata({ url: `https://www.openstatus.dev/blog/${slug}`, images: [ { - url: `https://openstatus.dev/api/og/post?title=${title}&description=&image=${image}`, + url: `https://openstatus.dev/api/og/post?title=${title}&image=${image}`, }, ], }, @@ -52,7 +52,7 @@ export async function generateMetadata({ title, description, images: [ - `https://openstatus.dev/api/og/post?title=${title}&description=${description}&image=${image}`, + `https://openstatus.dev/api/og/post?title=${title}&image=${image}`, ], }, }; diff --git a/apps/web/src/app/api/og/_components/basic-layout.tsx b/apps/web/src/app/api/og/_components/basic-layout.tsx index 788d7d6a..b299c8a7 100644 --- a/apps/web/src/app/api/og/_components/basic-layout.tsx +++ b/apps/web/src/app/api/og/_components/basic-layout.tsx @@ -8,7 +8,7 @@ export function BasicLayout({ tw, }: { title: string; - description?: string; + description?: string | null; children?: React.ReactNode; tw?: string; }) { @@ -20,13 +20,15 @@ export function BasicLayout({

{title}

-

{description}

+ {description ? ( +

{description}

+ ) : null}
{children} diff --git a/apps/web/src/app/api/og/post/route.tsx b/apps/web/src/app/api/og/post/route.tsx index 846ebb14..41f65569 100644 --- a/apps/web/src/app/api/og/post/route.tsx +++ b/apps/web/src/app/api/og/post/route.tsx @@ -15,31 +15,33 @@ export const runtime = "edge"; export async function GET(req: Request) { const [interRegularData, interLightData, calSemiBoldData] = await Promise.all( - [interRegular, interLight, calSemiBold], + [interRegular, interLight, calSemiBold] ); const { searchParams } = new URL(req.url); const title = (searchParams.has("title") && searchParams.get("title")) || TITLE; - const description = - (searchParams.has("description") && searchParams.get("description")) || - DESCRIPTION; + const description = searchParams.has("description") + ? searchParams.get("description") + : undefined; const image = searchParams.has("image") ? searchParams.get("image") : undefined; return new ImageResponse( - - {image ? ( - - ) : null} - , + ( + + {image ? ( + + ) : null} + + ), { ...SIZE, fonts: [ @@ -62,6 +64,6 @@ export async function GET(req: Request) { weight: 600, }, ], - }, + } ); } diff --git a/apps/web/src/content/posts/reflecting-1-year-building-openstatus.mdx b/apps/web/src/content/posts/reflecting-1-year-building-openstatus.mdx index 6ebf0881..b16d151c 100644 --- a/apps/web/src/content/posts/reflecting-1-year-building-openstatus.mdx +++ b/apps/web/src/content/posts/reflecting-1-year-building-openstatus.mdx @@ -205,4 +205,7 @@ Stay tuned for more updates as we continue to improve OpenStatus! height={575} /> -To infinity and beyond 🚀 \ No newline at end of file +To infinity and beyond 🚀 + +Want to join us on this journey? [Star us on GitHub](https://www.github.com/openstatusHQ/openstatus)! 🌟 +Or create an account on [Openstatus](https://www.openstatus.dev/app/login) and start monitoring your services today! \ No newline at end of file