chore: seo improvements

apps/dashboard/src/app/login/page.tsx

@@ -1,3 +1,4 @@
+import type { Metadata } from "next";
 import Link from "next/link";
 
 import { signIn } from "@/lib/auth";
@@ -9,6 +10,19 @@ import type { SearchParams } from "nuqs/server";
 import MagicLinkForm from "./_components/magic-link-form";
 import { searchParamsCache } from "./search-params";
 
+export const metadata: Metadata = {
+  title: "Sign In",
+  description:
+    "Sign in to openstatus. Monitor your services and keep your users informed.",
+  robots: {
+    index: true,
+    follow: true,
+  },
+  alternates: {
+    canonical: "https://app.openstatus.dev/login",
+  },
+};
+
 export default async function Page(props: {
   searchParams: Promise<SearchParams>;
 }) {

apps/dashboard/src/app/metadata.ts

@@ -16,6 +16,10 @@ export const defaultMetadata: Metadata = {
   },
   description: DESCRIPTION,
   metadataBase: new URL("https://www.openstatus.dev"),
+  robots: {
+    index: false,
+    follow: false,
+  },
 };
 
 export const twitterMetadata: Metadata["twitter"] = {

apps/dashboard/src/app/robots.ts

@@ -0,0 +1,10 @@
+import type { MetadataRoute } from "next";
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: {
+      userAgent: "*",
+      disallow: "/",
+    },
+  };
+}

apps/web/src/app/(landing)/blog/category/page.tsx

@@ -0,0 +1,53 @@
+import { components } from "@/content/mdx";
+import { getBlogPosts } from "@/content/utils";
+import {
+  defaultMetadata,
+  ogMetadata,
+  twitterMetadata,
+} from "@/lib/metadata/shared-metadata";
+import type { Metadata } from "next";
+import { ContentBoxLink, ContentBoxTitle } from "../../content-box";
+
+const TITLE = "Blog Categories";
+const DESCRIPTION = "Browse all blog categories from openstatus.";
+
+export const metadata: Metadata = {
+  ...defaultMetadata,
+  title: TITLE,
+  description: DESCRIPTION,
+  alternates: {
+    canonical: "/blog/category",
+  },
+  openGraph: {
+    ...ogMetadata,
+    title: TITLE,
+    description: DESCRIPTION,
+  },
+  twitter: {
+    ...twitterMetadata,
+    title: TITLE,
+    description: DESCRIPTION,
+    images: [`/api/og?title=${TITLE}&description=${DESCRIPTION}`],
+  },
+};
+
+export default function BlogCategoryIndex() {
+  const posts = getBlogPosts();
+  const categories = [...new Set(posts.map((post) => post.metadata.category))];
+
+  return (
+    <section className="prose dark:prose-invert max-w-none">
+      <h1>Blog Categories</h1>
+      <components.Grid cols={2}>
+        {categories.map((category) => (
+          <ContentBoxLink
+            key={category}
+            href={`/blog/category/${category.toLowerCase()}`}
+          >
+            <ContentBoxTitle className="capitalize">{category}</ContentBoxTitle>
+          </ContentBoxLink>
+        ))}
+      </components.Grid>
+    </section>
+  );
+}

apps/web/src/app/(landing)/changelog/category/page.tsx

@@ -0,0 +1,53 @@
+import { components } from "@/content/mdx";
+import { getChangelogPosts } from "@/content/utils";
+import {
+  defaultMetadata,
+  ogMetadata,
+  twitterMetadata,
+} from "@/lib/metadata/shared-metadata";
+import type { Metadata } from "next";
+import { ContentBoxLink, ContentBoxTitle } from "../../content-box";
+
+const TITLE = "Changelog Categories";
+const DESCRIPTION = "Browse all changelog categories from openstatus.";
+
+export const metadata: Metadata = {
+  ...defaultMetadata,
+  title: TITLE,
+  description: DESCRIPTION,
+  alternates: {
+    canonical: "/changelog/category",
+  },
+  openGraph: {
+    ...ogMetadata,
+    title: TITLE,
+    description: DESCRIPTION,
+  },
+  twitter: {
+    ...twitterMetadata,
+    title: TITLE,
+    description: DESCRIPTION,
+    images: [`/api/og?title=${TITLE}&description=${DESCRIPTION}`],
+  },
+};
+
+export default function ChangelogCategoryIndex() {
+  const posts = getChangelogPosts();
+  const categories = [...new Set(posts.map((post) => post.metadata.category))];
+
+  return (
+    <section className="prose dark:prose-invert max-w-none">
+      <h1>Changelog Categories</h1>
+      <components.Grid cols={2}>
+        {categories.map((category) => (
+          <ContentBoxLink
+            key={category}
+            href={`/changelog/category/${category.toLowerCase()}`}
+          >
+            <ContentBoxTitle className="capitalize">{category}</ContentBoxTitle>
+          </ContentBoxLink>
+        ))}
+      </components.Grid>
+    </section>
+  );
+}

apps/web/src/app/(landing)/guides/category/page.tsx

@@ -0,0 +1,53 @@
+import { components } from "@/content/mdx";
+import { getGuides } from "@/content/utils";
+import {
+  defaultMetadata,
+  ogMetadata,
+  twitterMetadata,
+} from "@/lib/metadata/shared-metadata";
+import type { Metadata } from "next";
+import { ContentBoxLink, ContentBoxTitle } from "../../content-box";
+
+const TITLE = "Guides Categories";
+const DESCRIPTION = "Browse all guides categories from openstatus.";
+
+export const metadata: Metadata = {
+  ...defaultMetadata,
+  title: TITLE,
+  description: DESCRIPTION,
+  alternates: {
+    canonical: "/guides/category",
+  },
+  openGraph: {
+    ...ogMetadata,
+    title: TITLE,
+    description: DESCRIPTION,
+  },
+  twitter: {
+    ...twitterMetadata,
+    title: TITLE,
+    description: DESCRIPTION,
+    images: [`/api/og?title=${TITLE}&description=${DESCRIPTION}`],
+  },
+};
+
+export default function GuidesCategoryIndex() {
+  const posts = getGuides();
+  const categories = [...new Set(posts.map((post) => post.metadata.category))];
+
+  return (
+    <section className="prose dark:prose-invert max-w-none">
+      <h1>Guides Categories</h1>
+      <components.Grid cols={2}>
+        {categories.map((category) => (
+          <ContentBoxLink
+            key={category}
+            href={`/guides/category/${category.toLowerCase()}`}
+          >
+            <ContentBoxTitle className="capitalize">{category}</ContentBoxTitle>
+          </ContentBoxLink>
+        ))}
+      </components.Grid>
+    </section>
+  );
+}

apps/web/src/content/pages/changelog/docker-checker.mdx

@@ -13,6 +13,6 @@ The image is available at `ghcr.io/openstatushq/checker:latest`.
 
 It opens up a lot of possibilities to run the checker in your own environment, on your own infrastructure, or on any cloud provider. We will be able to add private locations soon.
 
-We have wrote a [guide](https://docs.openstatus.dev/guides/how-deploy-checker-koyeb) to help you deploy our checker on [Koyeb](https://www.koyeb.com/).
+We have wrote a [guide](https://docs.openstatus.dev/guides/how-to-deploy-probes-cloudflare-containers) to help you deploy our checker on [Koyeb](https://www.koyeb.com/).
 
 Thanks to [Depot](https://depot.dev/?utm_source=Opource=OpenStatus) for the fast build and the easy integration with GitHub Actions.

apps/web/src/content/pages/changelog/golang-monitor-checker.mdx

@@ -15,4 +15,4 @@ In addition to that, we have renamed the **Incidents** to **Status Reports** to
 easily distinguish between internal incidents and external reports.
 
 > The API endpoint has also moved from `/v1/incidents` to `/v1/status_reports`.
-> Read more in the [docs](https://docs.openstatus.dev/incident/overview).
+> Read more in the [docs](https://docs.openstatus.dev/reference/incident).

apps/web/src/content/pages/changelog/status-widget.mdx

@@ -15,4 +15,4 @@ $ curl https://api.openstatus.dev/public/status/:slug
 ```
 
 You can find the documentation
-[here](https://docs.openstatus.dev/tools/status-widget).
+[here](https://docs.openstatus.dev/guides/how-to-use-react-widget).