fixed logo

Author: ankitthakur00

app/about/page.tsx

@@ -2,6 +2,7 @@ import { PageHeader } from '@/app/components/page-header';
 import { Title } from '@/app/components/title';
 import Image from 'next/image';
 import Link from 'next/link';
+import nextConfig from '../../../next.config.mjs';
 
 const experience: {
   company: string;
@@ -13,19 +14,19 @@ const experience: {
     company: 'OpenText',
     role: 'Software Engineer 2',
     date: 'January 2024 → Present',
-    logo: '/opentext.png',
+    logo: `${nextConfig.basePath}/opentext.png`,
   },
   {
     company: 'Epsilon',
     role: 'Software Engineer 1/2',
     date: 'January 2021 → January 2024',
-    logo: '/epsilon.png',
+    logo: `${nextConfig.basePath}/epsilon.png`,
   },
   {
     company: 'KLA + ',
     role: 'Software Engineer Intern',
     date: 'May 2020 → Jun 2020',
-    logo: '/kla.png',
+    logo: `${nextConfig.basePath}/kla.png`,
   },
 ];
 

app/layout.tsx

@@ -7,6 +7,7 @@ import localFont from 'next/font/local';
 import { JetBrains_Mono } from 'next/font/google';
 import { GoogleAnalytics } from '@next/third-parties/google';
 import Image from 'next/image';
+import nextConfig from '../next.config.mjs';
 
 import clsx from 'clsx';
 
@@ -28,14 +29,14 @@ export const metadata: Metadata = {
   twitter: {
     card: 'summary_large_image',
     creator: '@ankitthakur00',
-    images: ['/me/logo2.png'],
+    images: [`${nextConfig.basePath}/logo2.png`],
     title: 'Ankit Kumar - Software Engineer',
   },
   openGraph: {
     title: 'Ankit Kumar - Software Engineer',
     images: [
       {
-        url: '/me/logo2.png',
+        url: `${nextConfig.basePath}/logo2.png`,
         width: 1200,
         height: 630,
         alt: 'Ankit Kumar - Software Engineer',
@@ -82,17 +83,15 @@ export default function RootLayout({
       >
         <div className="max-w-2xl lg:max-w-xl mx-auto">
           <header className="pt-8 md:pt-16 pb-16 px-4 md:px-0 flex justify-between">
-            <div className="h-64 w-64">
-              <Link href="/">
-                <Image 
-                  src="/me/logo2.png" 
-                  alt="AK" 
-                  width={64}
-                  height={64}
-                  className="w-auto hover:opacity-70 transition-opacity"
-                />
-              </Link>
-            </div>
+            <Link href="/">
+              <Image 
+                src={`${nextConfig.basePath}/logo2.png`}
+                alt="AK" 
+                width={64}
+                height={64}
+                className="w-auto hover:opacity-70 transition-opacity"
+              />
+            </Link>
             <nav className="flex gap-4">
               <Link
                 href="/about"
@@ -122,7 +121,7 @@ export default function RootLayout({
           </footer>
         </div>
         <Analytics />
-        <GoogleAnalytics gaId="G-NRKQPP7M9P" />
+        <GoogleAnalytics gaId="" />
       </body>
     </html>
   );

next.config.mjs

@@ -1,6 +1,8 @@
 /** @type {import('next').NextConfig} */
+
+const basePath = process.env.NODE_ENV === 'development' ? '' : '/me';
 const nextConfig = {
-  basePath: '/me',
+  basePath: basePath,
   reactStrictMode: true,
   pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'md', 'mdx'],
   redirects: async () => {