refactor: vairous production build optimizations

Author: Steph0

__tests__/config/setup-i18n.ts

@@ -1,5 +1,5 @@
-import { beforeAll, Mock, vi } from 'vitest';
 import { createTranslator, useTranslations } from 'next-intl';
+import { beforeAll, Mock, vi } from 'vitest';
 import messages from '@/messages/en.json';
 
 vi.mock('next-intl', async () => {

__tests__/helpers/testing-library-helpers.tsx

@@ -1,7 +1,7 @@
 import { render } from '@testing-library/react';
 import { AbstractIntlMessages, NextIntlClientProvider } from 'next-intl';
-import messages from '@/messages/en.json';
 import { ReactNode } from 'react';
+import messages from '@/messages/en.json';
 
 export const renderI18n = (children: ReactNode) => {
   const locale = 'en';

next.config.ts

@@ -4,8 +4,9 @@ import createNextIntlPlugin from 'next-intl/plugin';
 const withNextIntl = createNextIntlPlugin();
 
 const nextConfig: NextConfig = {
+  output: 'standalone',
   eslint: {
-    dirs: ['lib', 'messages', 'src'],
+    dirs: ['lib', 'messages', 'src', '__tests__'],
   },
 };
 

public/github-mark.svg

@@ -1,10 +1,11 @@
 'use client';
+import Image from 'next/image';
 import { useTranslations } from 'next-intl';
 import { FC } from 'react';
-import GithubIcon from '../../../icons/github';
 import LangSwitcher from './LangSwitcher';
 import ThemeSwitch from './ThemeSwitch';
-import { HomeIcon } from '@/src/app/icons/home';
+import githubMark from '@/public/github-mark.svg';
+import { HomeIcon } from '@/src/app/[locale]/components/Header/icons/home';
 import { Link } from '@/src/i18n/routing';
 
 interface Props {
@@ -35,8 +36,8 @@ export const Header: FC<Props> = ({ locale }) => {
           title={t('githubPortfolio.label')}
           rel='noopener noreferrer'
         >
-          <div className='size-8'>
-            <GithubIcon />
+          <div className='relative size-8'>
+            <Image src={githubMark} alt={t('githubPortfolio.label')} fill />
           </div>
         </a>
       </div>

src/app/[locale]/components/Header/Header.tsx

@@ -14,7 +14,9 @@ export default function ThemeSwitch() {
   const { setTheme, themes, theme } = useTheme();
   const ref = useRef(null);
   useEffect(() => setMounted(true), []);
-  useOnClickOutside(ref, () => setIsOpen(false));
+  useOnClickOutside(ref as unknown as React.RefObject<HTMLElement>, () =>
+    setIsOpen(false),
+  );
   if (!mounted)
     return (
       <Button

src/app/[locale]/components/Header/ThemeSwitch.tsx

@@ -17,8 +17,16 @@ const notoSansJP = Noto_Sans_JP({
   variable: '--font-noto-sans-jp',
 });
 export const metadata: Metadata = {
-  title: 'Stephen M. resume',
-  description: 'Stephen M. resume - NextJs (React)',
+  title: "Hi! I'm Stephen",
+  description: 'Stephen Mehaut portfolio',
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: true,
+    },
+  },
 };
 
 export default function RootLayout(props: {

src/app/icons/home.tsx src/app/[locale]/components/Header/icons/home.tsx

@@ -44,10 +44,9 @@ export default function DashboardPage(): ReactNode {
     <>
       <div className='flex flex-col' onWheel={onLoadMore}>
         <Presentation className='flex-auto' />
-        <Link href='#skills'>
+        <Link href='#skills' title={t('viewMoreAlt')}>
           <div className='relative left-1/2 mt-8 h-12 w-12 pb-4 sm:h-15 sm:w-15 dark:invert'>
             <Image
-              title={t('viewMoreAlt')}
               src={arrowDown}
               alt={t('viewMoreAlt')}
               sizes='10w'