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