Added SEO to website pages (#5106)

Added SEO to Contributors, Contributor, User Guide (+ each of it's
pages), Changelog, OSS friends: titles, descriptions

Co-authored-by: Ady Beraud <a.beraud96@gmail.com>

packages/twenty-website/src/app/user-guide/[slug]/page.tsx

@@ -1,5 +1,22 @@
+import { Metadata } from 'next';
+
 import UserGuideContent from '@/app/_components/user-guide/UserGuideContent';
-import { getPost } from '@/app/_server-utils/get-posts';
+import { fetchArticleFromSlug } from '@/shared-utils/fetchArticleFromSlug';
+import { formatSlug } from '@/shared-utils/formatSlug';
+
+export async function generateMetadata({
+  params,
+}: {
+  params: { slug: string };
+}): Promise<Metadata> {
+  const formattedSlug = formatSlug(params.slug);
+  const basePath = '/src/content/user-guide';
+  const mainPost = await fetchArticleFromSlug(params.slug, basePath);
+  return {
+    title: 'Twenty - ' + formattedSlug,
+    description: mainPost?.itemInfo?.info,
+  };
+}
 
 export default async function UserGuideSlug({
   params,
@@ -7,10 +24,6 @@ export default async function UserGuideSlug({
   params: { slug: string };
 }) {
   const basePath = '/src/content/user-guide';
-
-  const mainPost = await getPost(
-    params.slug && params.slug.length ? params.slug : 'home',
-    basePath,
-  );
+  const mainPost = await fetchArticleFromSlug(params.slug, basePath);
   return mainPost && <UserGuideContent item={mainPost} />;
 }

packages/twenty-website/src/app/user-guide/page.tsx

@@ -1,5 +1,12 @@
 import UserGuideMain from '@/app/_components/user-guide/UserGuideMain';
 
+export const metadata = {
+  title: 'Twenty - User Guide',
+  description:
+    'Discover how to use Twenty CRM effectively with our detailed user guide. Explore ways to customize features, manage tasks, integrate emails, and navigate the system with ease.',
+  icons: '/images/core/logo.svg',
+};
+
 export default async function UserGuideHome() {
   return <UserGuideMain />;
 }