Merge pull request #7 from Mahrjose/dev

Refactor SEO and Imports, Add Static Metadata, and Update Dependencies

Author: Mahrjose

next.config.ts

@@ -14,6 +14,10 @@ const nextConfig: NextConfig = {
         protocol: 'https',
         hostname: 'images.unsplash.com',
       },
+      {
+        protocol: 'https',
+        hostname: 'cdn.hashnode.com'
+      },
     ],
   },
   trailingSlash: false,

package-lock.json

@@ -2,6 +2,7 @@
   "name": "portfolio",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "next dev --turbopack",
     "build": "next build",
@@ -43,6 +44,7 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
+    "dotenv": "^16.6.0",
     "embla-carousel-react": "^8.6.0",
     "framer-motion": "^12.17.3",
     "input-otp": "^1.4.2",
@@ -51,6 +53,7 @@
     "next-seo": "^6.8.0",
     "next-sitemap": "^4.2.3",
     "next-themes": "^0.4.6",
+    "node-fetch": "^3.3.2",
     "postcss": "^8.5.4",
     "react": "^19.1.0",
     "react-day-picker": "^9.7.0",

package.json

@@ -1,7 +1,7 @@
 "use client";
 
 import { DefaultSeoProps } from 'next-seo';
-import { meta } from '@/lib/data';
+import { meta } from '@/lib/data/data';
 
 const domain = meta.domain;
 

seo.config.ts

@@ -1,6 +1,10 @@
-'use client';
+// temp solution for metadata withouth dynamic SEO
+export const metadata = {
+  title: 'About | Mirza Mahrab Hossain',
+  description: 'Learn more about Mirza Mahrab Hossain — Software engineer, AI & Cybersecurity enthusiast, and passionate developer.',
+};
+
 
-import dynamic from 'next/dynamic';
 import AboutHeader from '@/components/about/about-header';
 import ProfileSidebarCard from '@/components/about/profile';
 import MyStorySection from '@/components/about/personal-story';
@@ -9,17 +13,18 @@ import HobbiesGrid from '@/components/about/hobbies';
 import PlatformsGrid from '@/components/about/socials';
 import LanguagesGrid from '@/components/about/languages';
 import PhilosophySection from '@/components/about/philosophy';
-import { portfolioData } from '@/lib/data';
-import { meta } from '@/lib/data';
+import { portfolioData } from '@/lib/data/data';
 
-const NextSeo = dynamic(() => import('next-seo').then(mod => mod.NextSeo), { ssr: false });
+// import dynamic from 'next/dynamic';
+// import { meta } from '@/lib/data';
+// const NextSeo = dynamic(() => import('next-seo').then(mod => mod.NextSeo), { ssr: false });
 
 export default function AboutPage() {
   const { about, hero } = portfolioData;
 
   return (
     <>
-      <NextSeo
+      {/* <NextSeo
         title="About | Mirza Mahrab Hossain"
         description={about.summary}
         canonical={`${meta.domain}/about`}
@@ -44,7 +49,7 @@ export default function AboutPage() {
           handle: '@mahrjosee',
           site: '@mahrjosee',
         }}
-      />
+      /> */}
       <main className="min-h-screen pt-20 pb-12 page-transition">
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
           <AboutHeader summary={about.summary} />