From ee002eafdb3dee41f91bf93940e25641d706e80d Mon Sep 17 00:00:00 2001
From: tanahiro2010 <herentongkegu087@gmail.com>
Date: Thu, 30 Oct 2025 17:29:16 +0900
Subject: [PATCH 1/5] =?UTF-8?q?=E2=9C=8F=EF=B8=8F=20|=20Back=20link=20tag?=
 =?UTF-8?q?=20to=20BackButton=20component.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/blog/[slug]/page.tsx  | 7 +++----
 src/components/ui/buttons.tsx | 8 ++++++++
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx
index 4c91bc1..936065f 100644
--- a/src/app/blog/[slug]/page.tsx
+++ b/src/app/blog/[slug]/page.tsx
@@ -1,8 +1,9 @@
 import { getAllPosts, getPostBySlug } from "@/lib/posts";
+import { BackButton } from "@/components/ui/buttons";
+import { notFound } from 'next/navigation';
 import { remark } from "remark";
 import html from "remark-html";
 import Link from "next/link";
-import { notFound } from 'next/navigation';
 
 type Props = {
     params: Promise<{ slug: string }>;
@@ -46,9 +47,7 @@ export default async function PostPage({ params }: Props) {
                     />
 
                     <footer className="border-t border-neutral-800 pt-6 mt-10">
-                        <Link href="/blog" className="mt-6 text-sm font-bold text-green-400 tracking-wide uppercase">
-                            → Back
-                        </Link>
+                        <BackButton link="/blog" />
                     </footer>
                 </article>
             </div>
diff --git a/src/components/ui/buttons.tsx b/src/components/ui/buttons.tsx
index 06c9919..e0340d4 100644
--- a/src/components/ui/buttons.tsx
+++ b/src/components/ui/buttons.tsx
@@ -26,4 +26,12 @@ export function BookButton({ link, children }: { link: string, children: React.R
             <span>{children}</span>
         </Link>
     );
+}
+
+export function BackButton({ link }: { link: string }) {
+    return (
+        <Link href={link} className="mt-6 text-sm font-bold text-green-400 tracking-wide uppercase">
+            → Back
+        </Link>
+    );
 }
\ No newline at end of file

From f8e92eb5207ae1624d12197d6964a6ea51a7f567 Mon Sep 17 00:00:00 2001
From: tanahiro2010 <herentongkegu087@gmail.com>
Date: Thu, 30 Oct 2025 17:37:06 +0900
Subject: [PATCH 2/5] =?UTF-8?q?=F0=9F=94=A7=20|=20Changed=20the=20BackButt?=
 =?UTF-8?q?on=20link=20from=20argument=20specification=20to=20the=20standa?=
 =?UTF-8?q?rd=20JavaScript=20function?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/buttons.tsx | 31 ++++++++++++++++++++++++++-----
 1 file changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/components/ui/buttons.tsx b/src/components/ui/buttons.tsx
index e0340d4..c99b3f2 100644
--- a/src/components/ui/buttons.tsx
+++ b/src/components/ui/buttons.tsx
@@ -1,4 +1,7 @@
+"use client";
 import Link from "next/link";
+import { useRouter } from "next/navigation";
+import React from "react";
 
 export function GithubButton({ sublink }: { sublink: string }) {
     return (
@@ -15,7 +18,7 @@ export function GithubButton({ sublink }: { sublink: string }) {
     );
 }
 
-export function BookButton({ link, children }: { link: string, children: React.ReactNode }) {
+export function BookButton({ link, children }: { link: string; children: React.ReactNode }) {
     return (
         <Link
             href={link}
@@ -28,10 +31,28 @@ export function BookButton({ link, children }: { link: string, children: React.R
     );
 }
 
-export function BackButton({ link }: { link: string }) {
+export function BackButton({ href, label = "Back" }: { href?: string; label?: string }) {
+    const router = useRouter();
+
+    const handleClick = (e: React.MouseEvent) => {
+        e.preventDefault();
+        if (href) {
+            router.push(href);
+        } else {
+            router.back();
+        }
+    };
+
     return (
-        <Link href={link} className="mt-6 text-sm font-bold text-green-400 tracking-wide uppercase">
-            → Back
-        </Link>
+        <button
+            onClick={handleClick}
+            aria-label={label}
+            className="inline-flex items-center gap-3 px-3 py-2 bg-neutral-900/80 border border-neutral-800 text-neutral-100 rounded-lg shadow-sm hover:border-green-500/60 hover:text-green-300 hover:-translate-y-0.5 transition transform"
+        >
+            <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden>
+                <path fillRule="evenodd" d="M9.707 14.707a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 111.414 1.414L6.414 9H17a1 1 0 110 2H6.414l3.293 3.293a1 1 0 010 1.414z" clipRule="evenodd" />
+            </svg>
+            <span className="text-sm font-medium">{label}</span>
+        </button>
     );
 }
\ No newline at end of file

From 4442630c561f951215c9cc295f4116ab8c7446a9 Mon Sep 17 00:00:00 2001
From: tanahiro2010 <herentongkegu087@gmail.com>
Date: Thu, 30 Oct 2025 17:37:42 +0900
Subject: [PATCH 3/5] =?UTF-8?q?=E2=9C=8F=EF=B8=8F=20|=20Remove=20back=20ur?=
 =?UTF-8?q?l=20arg?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/blog/[slug]/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx
index 936065f..91a3809 100644
--- a/src/app/blog/[slug]/page.tsx
+++ b/src/app/blog/[slug]/page.tsx
@@ -47,7 +47,7 @@ export default async function PostPage({ params }: Props) {
                     />
 
                     <footer className="border-t border-neutral-800 pt-6 mt-10">
-                        <BackButton link="/blog" />
+                        <BackButton />
                     </footer>
                 </article>
             </div>

From fcd01bd38d27f52249a1c52034163a392e7dd530 Mon Sep 17 00:00:00 2001
From: tanahiro2010 <herentongkegu087@gmail.com>
Date: Thu, 30 Oct 2025 17:38:13 +0900
Subject: [PATCH 4/5] =?UTF-8?q?=E2=9C=A8=EF=B8=8F=20|=20Add=20BackButton?=
 =?UTF-8?q?=20to=20blog=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/blog/page.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index ddd483b..e6751f4 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -1,6 +1,6 @@
-import Link from "next/link";
-import Image from "next/image";
 import { getAllPosts } from "@/lib/posts";
+import { BackButton } from "@/components/ui/buttons";
+import Link from "next/link";
 
 export default async function BlogPage() {
     const posts = getAllPosts();
@@ -8,6 +8,9 @@ export default async function BlogPage() {
     return (
         <div className="text-neutral-100 py-20 px-6">
             <div className="max-w-3xl mx-auto">
+                <div className="flex items-center">
+                    <BackButton />
+                </div>
 
                 <ul className="mt-12 space-y-6">
                     {posts.map((post) => (
@@ -36,6 +39,8 @@ export default async function BlogPage() {
                     ))}
                 </ul>
             </div>
+
+            
         </div>
     );
 }

From 4d6180ae4ff0414a18dae492561a7e508b80f5ba Mon Sep 17 00:00:00 2001
From: tanahiro2010 <herentongkegu087@gmail.com>
Date: Thu, 30 Oct 2025 17:46:49 +0900
Subject: [PATCH 5/5] =?UTF-8?q?=F0=9F=94=A7=20|=20Remove=20hover=20animeti?=
 =?UTF-8?q?on?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/buttons.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ui/buttons.tsx b/src/components/ui/buttons.tsx
index c99b3f2..9893a83 100644
--- a/src/components/ui/buttons.tsx
+++ b/src/components/ui/buttons.tsx
@@ -47,7 +47,7 @@ export function BackButton({ href, label = "Back" }: { href?: string; label?: st
         <button
             onClick={handleClick}
             aria-label={label}
-            className="inline-flex items-center gap-3 px-3 py-2 bg-neutral-900/80 border border-neutral-800 text-neutral-100 rounded-lg shadow-sm hover:border-green-500/60 hover:text-green-300 hover:-translate-y-0.5 transition transform"
+            className="inline-flex items-center gap-3 px-3 py-2 bg-neutral-900/80 border border-neutral-800 text-neutral-100 rounded-lg shadow-sm hover:border-green-500/60 hover:text-green-300"
         >
             <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden>
                 <path fillRule="evenodd" d="M9.707 14.707a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 111.414 1.414L6.414 9H17a1 1 0 110 2H6.414l3.293 3.293a1 1 0 010 1.414z" clipRule="evenodd" />