feat: implement Twitter Cards metadata across all app pages

src/app/(auth)/layout.tsx

@@ -0,0 +1,23 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'TeachLink - Sign In or Create an Account',
+  description:
+    'Access your TeachLink account to continue learning offline. Sign in, sign up, or verify your email.',
+  openGraph: {
+    title: 'TeachLink - Sign In or Create an Account',
+    description: 'Access your TeachLink account to continue learning.',
+    type: 'website',
+    siteName: 'TeachLink',
+  },
+  twitter: {
+    card: 'summary',
+    site: '@teachlink',
+    title: 'TeachLink - Sign In or Create an Account',
+    description: 'Access your TeachLink account to continue learning.',
+  },
+};
+
+export default function AuthLayout({ children }: { children: React.ReactNode }) {
+  return <>{children}</>;
+}

src/app/__tests__/twitter-cards.test.ts

@@ -0,0 +1,76 @@
+import { describe, it, expect } from 'vitest';
+import { metadata as rootMetadata } from '@/app/layout';
+import { metadata as authMetadata } from '@/app/(auth)/layout';
+import { metadata as dashboardMetadata } from '@/app/dashboard/layout';
+import { metadata as profileMetadata } from '@/app/profile/layout';
+
+describe('Twitter Cards metadata', () => {
+  describe('Root layout', () => {
+    it('exports a twitter card field', () => {
+      expect(rootMetadata.twitter).toBeDefined();
+    });
+
+    it('uses summary_large_image card type', () => {
+      expect(rootMetadata.twitter?.card).toBe('summary_large_image');
+    });
+
+    it('includes a twitter title', () => {
+      expect(rootMetadata.twitter?.title).toBeTruthy();
+    });
+
+    it('includes a twitter description', () => {
+      expect(rootMetadata.twitter?.description).toBeTruthy();
+    });
+
+    it('includes twitter site handle', () => {
+      expect(rootMetadata.twitter?.site).toBe('@teachlink');
+    });
+
+    it('exports openGraph metadata', () => {
+      expect(rootMetadata.openGraph).toBeDefined();
+      expect(rootMetadata.openGraph?.siteName).toBe('TeachLink');
+    });
+  });
+
+  describe('Auth layout', () => {
+    it('exports a twitter card field', () => {
+      expect(authMetadata.twitter).toBeDefined();
+    });
+
+    it('uses summary card type', () => {
+      expect(authMetadata.twitter?.card).toBe('summary');
+    });
+
+    it('includes a twitter title', () => {
+      expect(authMetadata.twitter?.title).toBeTruthy();
+    });
+
+    it('includes a twitter description', () => {
+      expect(authMetadata.twitter?.description).toBeTruthy();
+    });
+
+    it('includes twitter site handle', () => {
+      expect(authMetadata.twitter?.site).toBe('@teachlink');
+    });
+  });
+
+  describe('Dashboard layout', () => {
+    it('exports a twitter card field', () => {
+      expect(dashboardMetadata.twitter).toBeDefined();
+    });
+
+    it('uses summary card type', () => {
+      expect(dashboardMetadata.twitter?.card).toBe('summary');
+    });
+  });
+
+  describe('Profile layout', () => {
+    it('exports a twitter card field', () => {
+      expect(profileMetadata.twitter).toBeDefined();
+    });
+
+    it('uses summary card type', () => {
+      expect(profileMetadata.twitter?.card).toBe('summary');
+    });
+  });
+});

src/app/courses/[courseId]/page.tsx

@@ -12,6 +12,18 @@ export async function generateMetadata({ params }: CoursePageProps): Promise<Met
     title: 'Course Details | TeachLink',
     description:
       'View detailed information about this course, including syllabus, instructor details, and enrollment options.',
+    openGraph: {
+      title: 'Course Details | TeachLink',
+      description: 'View course syllabus, instructor details, and enrollment options.',
+      type: 'website',
+      siteName: 'TeachLink',
+    },
+    twitter: {
+      card: 'summary_large_image',
+      site: '@teachlink',
+      title: 'Course Details | TeachLink',
+      description: 'View course syllabus, instructor details, and enrollment options.',
+    },
   };
 }
 

src/app/editor/page.tsx

@@ -9,6 +9,18 @@ import { EditorWorkspace } from './EditorWorkspace';
 export const metadata: Metadata = {
   title: 'Post Editor | TeachLink',
   description: 'Create and edit privileged post content with a secure editor workspace.',
+  openGraph: {
+    title: 'Post Editor | TeachLink',
+    description: 'Create and edit privileged post content with a secure editor workspace.',
+    type: 'website',
+    siteName: 'TeachLink',
+  },
+  twitter: {
+    card: 'summary',
+    site: '@teachlink',
+    title: 'Post Editor | TeachLink',
+    description: 'Create and edit privileged post content with a secure editor workspace.',
+  },
 };
 
 function fallback() {

src/app/layout.tsx

@@ -42,6 +42,20 @@ export const metadata: Metadata = {
   title: 'TeachLink - Offline Learning Platform',
   description: 'Learn anywhere, anytime with offline capabilities',
   manifest: '/manifest.json',
+  openGraph: {
+    title: 'TeachLink - Offline Learning Platform',
+    description: 'Learn anywhere, anytime with offline capabilities',
+    type: 'website',
+    siteName: 'TeachLink',
+    url: 'https://teachlink.app',
+  },
+  twitter: {
+    card: 'summary_large_image',
+    site: '@teachlink',
+    creator: '@teachlink',
+    title: 'TeachLink - Offline Learning Platform',
+    description: 'Learn anywhere, anytime with offline capabilities',
+  },
 };
 
 export default async function RootLayout({

src/app/leaderboard/page.tsx

@@ -4,6 +4,18 @@ import { LeaderboardConference } from '@/components/leaderboard/LeaderboardConfe
 export const metadata: Metadata = {
   title: 'Leaderboard | TeachLink',
   description: 'View top contributors and join live conference sessions on TeachLink.',
+  openGraph: {
+    title: 'Leaderboard | TeachLink',
+    description: 'View top contributors and join live conference sessions on TeachLink.',
+    type: 'website',
+    siteName: 'TeachLink',
+  },
+  twitter: {
+    card: 'summary',
+    site: '@teachlink',
+    title: 'Leaderboard | TeachLink',
+    description: 'View top contributors and join live conference sessions on TeachLink.',
+  },
 };
 
 export default function LeaderboardPage() {

src/app/privacy/page.tsx

@@ -21,6 +21,12 @@ export const metadata: Metadata = {
     'max-image-preview': 'large',
     'max-video-preview': -1,
   },
+  twitter: {
+    card: 'summary',
+    site: '@teachlink',
+    title: 'Privacy Policy | TeachLink',
+    description: 'Learn how TeachLink collects, uses, and protects your personal information.',
+  },
 };
 
 /**

src/app/search/page.tsx

@@ -1,8 +1,21 @@
+import type { Metadata } from 'next';
 import { AdvancedSearchInterface } from '@/components/search/AdvancedSearchInterface';
 
-export const metadata = {
+export const metadata: Metadata = {
   title: 'Advanced Search | TeachLink',
   description: 'Powerful multi-dimensional search for the TeachLink ecosystem.',
+  openGraph: {
+    title: 'Advanced Search | TeachLink',
+    description: 'Powerful multi-dimensional search for the TeachLink ecosystem.',
+    type: 'website',
+    siteName: 'TeachLink',
+  },
+  twitter: {
+    card: 'summary',
+    site: '@teachlink',
+    title: 'Advanced Search | TeachLink',
+    description: 'Powerful multi-dimensional search for the TeachLink ecosystem.',
+  },
 };
 
 export default function SearchPage() {

src/app/study-groups/page.tsx

@@ -5,6 +5,18 @@ export const metadata: Metadata = {
   title: 'Study Groups | TeachLink',
   description:
     'Create and collaborate in study groups with discussions, resources, and challenges.',
+  openGraph: {
+    title: 'Study Groups | TeachLink',
+    description: 'Create and collaborate in study groups on TeachLink.',
+    type: 'website',
+    siteName: 'TeachLink',
+  },
+  twitter: {
+    card: 'summary',
+    site: '@teachlink',
+    title: 'Study Groups | TeachLink',
+    description: 'Create and collaborate in study groups on TeachLink.',
+  },
 };
 
 export default function Page() {

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

@@ -13,6 +13,18 @@ export async function generateMetadata({ params }: TopicPageProps): Promise<Meta
   return {
     title: `#${name} · TeachLink`,
     description: `Explore posts and discussions about ${name} on TeachLink.`,
+    openGraph: {
+      title: `#${name} · TeachLink`,
+      description: `Explore posts and discussions about ${name} on TeachLink.`,
+      type: 'website',
+      siteName: 'TeachLink',
+    },
+    twitter: {
+      card: 'summary',
+      site: '@teachlink',
+      title: `#${name} · TeachLink`,
+      description: `Explore posts and discussions about ${name} on TeachLink.`,
+    },
   };
 }