add sns

components/pages/home/header.tsx

@@ -1,4 +1,17 @@
 import Image from "next/image";
+import { Github, X } from "iconoir-react";
+import Link from "next/link";
+
+const SNSIcons = [
+    {
+        url: "https://github.com/tuna2134",
+        icon: Github,
+    },
+    {
+        url: "https://x.com/@fdc_tuna2134",
+        icon: X,
+    },
+];
 
 const Header: React.FC = async () => {
     const res = await fetch(
@@ -22,6 +35,13 @@ const Header: React.FC = async () => {
                     className="mb-2 rounded-full"
                 />
                 <h1 className="text-2xl font-bold text-center">tuna2134</h1>
+                <div className="flex justify-center space-x-2 mt-2">
+                    {SNSIcons.map((sns, key) => (
+                        <Link href={sns.url} key={key}>
+                            <sns.icon height={32} width={32} />
+                        </Link>
+                    ))}
+                </div>
             </div>
         </header>
     );

package.json

@@ -10,6 +10,7 @@
     "format": "prettier -w './**/*.{tsx,ts}'"
   },
   "dependencies": {
+    "iconoir-react": "^7.11.0",
     "next": "15.3.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"

pnpm-lock.yaml

@@ -8,6 +8,9 @@ importers:
 
   .:
     dependencies:
+      iconoir-react:
+        specifier: ^7.11.0
+        version: 7.11.0(react@19.1.0)
       next:
         specifier: 15.3.1
         version: 15.3.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
@@ -353,6 +356,11 @@ packages:
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
+  iconoir-react@7.11.0:
+    resolution: {integrity: sha512-uvTKtnHYwbbTsmQ6HCcliYd50WK0GbjP497RwdISxKzfS01x4cK1Mn/F2mT/t2roSaJQ0I+KnHxMcyvmNMXWsQ==}
+    peerDependencies:
+      react: 18 || 19
+
   is-arrayish@0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
 
@@ -765,6 +773,10 @@ snapshots:
 
   graceful-fs@4.2.11: {}
 
+  iconoir-react@7.11.0(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+
   is-arrayish@0.3.2:
     optional: true