Add descriptions to every page

src/app/[...slug]/page.tsx

@@ -23,9 +23,12 @@ export async function generateMetadata({
     return {};
   }
 
-  const { data } = result;
+  const { data, source } = result;
   return {
     title: data.title,
+    // Take the first sentence as description, its typically the summary or
+    // introduction
+    description: source.split(".")[0],
     alternates: {
       canonical: `/${params.slug.join("/")}`,
     },

src/app/articles/node-modules/page.tsx

@@ -4,6 +4,8 @@ import Callout from "../../../components/markdown/Callout";
 
 export const metadata = {
   title: "Node Modules",
+  description:
+    "List of Node Modules supported by Zuplo. To ensure the security and performance, we must approve each module.",
   alternates: {
     canonical: `/articles/node-modules`,
   },

src/app/errors/page.tsx

@@ -5,6 +5,8 @@ import Link from "next/link";
 
 export const metadata: Metadata = {
   title: "Zuplo Errors",
+  description:
+    "Detailed error messages to help you diagnose and fix the problem.",
   alternates: {
     canonical: "/errors",
   },

src/app/policies/[slug]/page.tsx

@@ -151,6 +151,7 @@ export async function generateMetadata({
   const { schema } = policy;
   return {
     title: schema.title,
+    description: schema.description,
     alternates: {
       canonical: `/policies/${params.slug}`,
     },

src/app/policies/page.tsx

@@ -6,6 +6,8 @@ import { DocsLayout } from "../../components/DocsLayout";
 
 export const metadata: Metadata = {
   title: "Policies Catalog",
+  description:
+    "Zuplo includes many policies for securing, scaling, and monitoring your API.",
   alternates: {
     canonical: "/policies",
   },