Bump @types/react-dom from 19.0.4 to 19.1.6

.github/dependabot.yml

@@ -0,0 +1,11 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file
+
+version: 2
+updates:
+  - package-ecosystem: "npm" # See documentation for possible values
+    directory: "/" # Location of package manifests
+    schedule:
+      interval: "weekly"

package.json

@@ -14,17 +14,17 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^7.1.0",
+    "@mui/icons-material": "^7.1.2",
     "@mui/material": "^7.1.0",
-    "@mui/system": "^7.1.0",
+    "@mui/system": "^7.1.1",
     "@tsparticles/engine": "^3.8.1",
     "@tsparticles/react": "^3.0.0",
     "ajv": "^8.17.1",
     "ajv-keywords": "^5.1.0",
-    "canvas": "^3.1.0",
+    "canvas": "^3.1.1",
     "cra-template": "^1.3.0",
     "date-fns": "^4.1.0",
-    "framer-motion": "^12.15.0",
+    "framer-motion": "^12.19.1",
     "fs": "^0.0.1-security",
     "i18next": "^25.2.1",
     "i18next-browser-languagedetector": "^8.1.0",
@@ -36,19 +36,19 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-helmet": "^6.1.0",
-    "react-i18next": "^15.5.2",
+    "react-i18next": "^15.5.3",
     "react-tsparticles": "^2.12.2",
-    "sass": "^1.89.0",
+    "sass": "^1.89.2",
     "tsparticles": "^3.8.1",
     "url": "^0.11.4"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
-    "@types/node": "^22.15.27",
+    "@types/node": "^24.0.3",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
-    "eslint-config-next": "15.3.3",
+    "eslint-config-next": "15.3.4",
     "ts-node": "^10.9.2",
     "typescript": "^5"
   }

public/locales/en/translation.json

@@ -5,7 +5,7 @@
     },
     "hero": {
         "title": "Welcome to my Portfolio",
-        "subtitle": "Tayfur Furkan Hayat a.k.a. Espe, EspeeeBne, Sora, Rika",
+        "subtitle": "Tayfur Furkan Hayat a.k.a. Espe, EspeeeBne",
         "button": "Learn More",
         "projects":"Projects",
         "about":"About Me"
@@ -30,7 +30,7 @@
     "home":"Home",
     "projectsnav":"Projects",
     "aboutnav":"About",
-    "description": "Tayfur Furkan Hayat a.k.a Espe, EspeeeBne, Sora, Rika",
+    "description": "Tayfur Furkan Hayat a.k.a Espe, EspeeeBne",
     "contact": "Get in Touch",
     "aboutTitle": "About Me",
     "projectsTitle": "My Projects",

public/locales/tr/translation.json

@@ -5,7 +5,7 @@
     },
     "hero": {
         "title": "Portfolyoma Hoş geldiniz",
-        "subtitle": "Tayfur Furkan Hayat a.k.a. Espe, EspeeeBne, Sora, Rika",
+        "subtitle": "Tayfur Furkan Hayat a.k.a. Espe, EspeeeBne",
         "button": "Detaylı Bilgi",
         "projects":"Projeler",
         "about":"Hakkımda"
@@ -31,7 +31,7 @@
     "projectsnav":"Projeler",
     "home":"Ana sayfa",
     "aboutnav":"Hakkımda",
-    "description": "Tayfur Furkan Hayat a.k.a Espe, EspeeeBne, Sora, Rika",
+    "description": "Tayfur Furkan Hayat a.k.a Espe, EspeeeBne",
     "contact": "İletişime Geç",
     "aboutTitle": "Hakkımda",
     "projectsTitle": "Projelerim",

src/components/Header/Header.tsx

@@ -2,7 +2,7 @@ import React, { FC, useContext, useState } from 'react';
 import NextLink from 'next/link';
 import {
 Box,
-Drawer,
+SwipeableDrawer,
 ListItem,
 ListItemText,
 Modal,
@@ -46,6 +46,10 @@ const isDark = settings.theme === 'dark';
 const [isDrawerOpen, setIsDrawerOpen] = useState(false);
 const [languageModalOpen, setLanguageModalOpen] = useState(false);
 
+const iOS =
+    typeof navigator !== 'undefined' &&
+    /iPad|iPhone|iPod/.test(navigator.userAgent);
+
 const toggleDrawer = () => setIsDrawerOpen(prev => !prev);
 const openLanguageModal = () => setLanguageModalOpen(true);
 const closeLanguageModal = () => setLanguageModalOpen(false);
@@ -71,8 +75,8 @@ const modalVariants = {
 };
 
 const sidebarVariants = {
-    open: { x: 0, transition: { type: 'spring', stiffness: 300, damping: 30 } },
-    closed: { x: '-100%', transition: { type: 'spring', stiffness: 300, damping: 30 } },
+    open: { x: 0, transition: { type: "spring" as const, stiffness: 300, damping: 30 } },
+    closed: { x: '-100%', transition: { type: "spring" as const, stiffness: 300, damping: 30 } },
 };
 
 const listItemVariants = {
@@ -142,7 +146,14 @@ return (
         </motion.div>
     </AnimatePresence>
 
-    <Drawer anchor="left" open={isDrawerOpen} onClose={toggleDrawer}>
+        <SwipeableDrawer
+        anchor="left"
+        open={isDrawerOpen}
+        onClose={toggleDrawer}
+        onOpen={toggleDrawer}
+        disableBackdropTransition={!iOS}
+        disableDiscovery={iOS}
+        >
         <motion.div
         variants={sidebarVariants}
         initial="closed"
@@ -176,7 +187,7 @@ return (
             </NextLink>
         ))}
         </motion.div>
-    </Drawer>
+    </SwipeableDrawer>
 
     <Modal
         open={languageModalOpen}

src/components/MetaTags/MetaTags.tsx

@@ -17,9 +17,9 @@ export default function MetaTags({
         const match = pathname.match(/^\/projects\/([^/]+)\/?$/);
         if (match) {
             const slug = match[1];
-            return `http://localhost:3000//static/projects/${slug}/metadata.png`;
+            return `https://espeeebne.github.io/static/projects/${slug}/metadata.png`;
         }
-        return 'http://localhost:3000/static/important-images/favicon.ico';
+        return 'https://espeeebne.github.io/static/important-images/favicon.ico';
     };
 // bu yer tekrar kullanılabilir belki sanırım
 
@@ -37,6 +37,7 @@ export default function MetaTags({
             <meta name="twitter:title" content={title || 'Espe Portfolio'} />
             <meta name="twitter:description" content={description || 'Espe Portfolio - Kendim için yaptığım portfolyo sitesi.'} />
             <meta name="twitter:image" content={metaImage} />
+            <meta charSet="utf-8" />
         </Head>
     );
-}
+}

src/pages/404.tsx

@@ -20,7 +20,7 @@ hidden: { y: -30, opacity: 0 },
 visible: {
     y: 0,
     opacity: 1,
-    transition: { type: 'spring', stiffness: 120, damping: 12, delay: 0.4 },
+    transition: { type: "spring" as const, stiffness: 120, damping: 12, delay: 0.4 },
 },
 };
 

src/pages/_document.tsx

@@ -1,8 +1,4 @@
-import Document, { Html, Head, Main, NextScript, DocumentContext, DocumentProps } from "next/document";
-
-interface MyDocumentProps extends DocumentProps {
-    pathname: string;
-}
+import Document, { Html, Head, Main, NextScript, DocumentContext } from "next/document";
 
 class MyDocument extends Document {
     static async getInitialProps(ctx: DocumentContext) {
@@ -13,38 +9,10 @@ class MyDocument extends Document {
     }
 
     render() {
-        const { pathname } = this.props as MyDocumentProps;
-
-        const getMetaImage = () => {
-            const match = pathname.match(/^\/projects\/([^/]+)\/?$/);
-            if (match) {
-                const slug = match[1];
-                return `https://espeeebne.github.io/static/projects/${slug}/metadata.png`;
-            }
-            return "https://espeeebne.github.io/static/important-images/favicon.ico";
-        };
-
-        const metaImage = getMetaImage();
 
         return (
             <Html lang="tr">
                 <Head>
-                    <meta name="description" content="Espe Portfolio - Kendim için yaptığım portfolyo sitesi." />
-                    <meta property="og:title" content="Espe Portfolio" />
-                    <meta
-                        property="og:description"
-                        content="Espe Portfolio - Kendim için yaptığım portfolyo sitesi."
-                    />
-                    <meta property="og:image" content={metaImage} />
-                    <meta property="og:url" content={`https://espeeebne.github.io${pathname}`} />
-                    <meta name="twitter:card" content={metaImage} />
-                    <meta name="twitter:title" content="Espe Portfolio" />
-                    <meta
-                        name="twitter:description"
-                        content="Espe Portfolio - Kendim için yaptığım portfolyo sitesi."
-                    />
-                    <meta name="twitter:image" content={metaImage} />
-                    <meta charSet="utf-8" />
                     <link rel="icon" href="/static/important-images/favicon.ico" />
                 </Head>
                 <body>

src/pages/about/index.tsx

@@ -3,6 +3,7 @@ import Head from 'next/head';
 import { Skeleton, Stack } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { useEffect, useState } from 'react';
+import { easeOut } from 'framer-motion'
 import {
 AboutContainer,
 Title,
@@ -18,9 +19,21 @@ visible: { transition: { staggerChildren: 0.2 } },
 };
 
 const itemVariants = {
-hidden: { opacity: 0, y: 20 },
-visible: { opacity: 1, y: 0, transition: { duration: 0.6, ease: 'easeOut' } },
-};
+hidden:
+{
+    opacity: 0,
+    y: 20
+},
+visible:
+{
+    opacity: 1,
+    y: 0,
+    transition: {
+    duration: 0.6,
+    ease: easeOut
+    }
+}
+}
 
 const About: NextPage = () => {
 const { t, ready } = useTranslation();