feat: updating project to RSC for SEO

Author: TheDThompsonDev

.gitignore

@@ -5,7 +5,8 @@
 /.pnp
 .pnp.js
 .yarn/install-state.gz
-
+.agent
+.agents
 # testing
 /coverage
 

package-lock.json

@@ -31,7 +31,7 @@
     "@babel/preset-typescript": "^7.23.3",
     "@faker-js/faker": "^9.1.0",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/node": "^20",
     "@types/react": "^19.2.10",
@@ -49,4 +49,4 @@
     "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3"
   }
-}
+}

package.json

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { Metadata } from 'next';
 import styles from './about.module.css';
 import AboutHero from '@/components/aboutHero/aboutHero';
 import AboutMission from '@/components/aboutMission/aboutMission';
@@ -7,6 +7,17 @@ import AboutOffer from '@/components/aboutOffer/aboutOffer';
 import AboutTeam from '@/components/aboutTeam/aboutTeam';
 import AboutCTA from '@/components/aboutCTA/aboutCTA';
 
+export const metadata: Metadata = {
+  title: 'About Us | Dallas Software Developers',
+  description: 'Learn about Dallas Software Developers - a community of passionate developers sharing knowledge and building connections in Dallas-Fort Worth.',
+  keywords: 'about DSD, Dallas developers community, software developer group history, tech community Dallas',
+  openGraph: {
+    title: 'About Us | Dallas Software Developers',
+    description: 'Learn about Dallas Software Developers - a community of passionate developers sharing knowledge and building connections.',
+    type: 'website',
+  },
+};
+
 export default function AboutPage() {
   return (
     <div className={styles.aboutPage}>

src/app/about/page.tsx

@@ -0,0 +1,20 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Cohorts | Dallas Software Developers',
+  description: 'Join our intensive cohort program. Learn software development with hands-on projects and mentorship from experienced Dallas developers.',
+  keywords: 'coding cohort Dallas, software development bootcamp, developer mentorship, hands-on coding program',
+  openGraph: {
+    title: 'Cohorts | Dallas Software Developers',
+    description: 'Join our intensive cohort program with hands-on projects and mentorship.',
+    type: 'website',
+  },
+};
+
+export default function CohortsLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return children;
+}

src/app/cohorts/layout.tsx

@@ -0,0 +1,20 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Community | Dallas Software Developers',
+  description: 'Join our vibrant community of Dallas developers. Connect, learn, and grow with fellow software professionals.',
+  keywords: 'Dallas developer community, software developer networking, tech community DFW, developer meetup group',
+  openGraph: {
+    title: 'Community | Dallas Software Developers',
+    description: 'Join our vibrant community of Dallas developers. Connect, learn, and grow.',
+    type: 'website',
+  },
+};
+
+export default function CommunityLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return children;
+}

src/app/community/layout.tsx

@@ -0,0 +1,16 @@
+'use client';
+
+import Button from '@/components/button/button';
+import { externalLinks } from '@/app/_constants';
+
+interface MeetupCTAButtonProps {
+  buttonText: string;
+}
+
+export default function MeetupCTAButton({ buttonText }: MeetupCTAButtonProps) {
+  const handleJoinMeetup = () => {
+    window.open(externalLinks.meetupUrl, '_blank', 'noopener,noreferrer');
+  };
+
+  return <Button buttonText={buttonText} onClick={handleJoinMeetup} />;
+}