diff --git a/src/frontend/pages/post.tsx b/src/frontend/pages/post.tsx
index d981cec..e0691aa 100644
--- a/src/frontend/pages/post.tsx
+++ b/src/frontend/pages/post.tsx
@@ -24,6 +24,11 @@ export function Post({ children, meta }: PostProps) {
         <main>
           <article className="blog-post">
             <header className="post-header">
+              <div className="back-button">
+                <a href="/" className="back-link">
+                  <span className="back-arrow">←</span> Back to Home
+                </a>
+              </div>
               <h1>{meta.title}</h1>
               <div className="post-meta">
                 {meta.date && meta.date instanceof Date &&
diff --git a/src/frontend/styles.css b/src/frontend/styles.css
index 341550e..5e908f7 100644
--- a/src/frontend/styles.css
+++ b/src/frontend/styles.css
@@ -728,6 +728,28 @@ h1 {
     border-bottom: 1px solid var(--border-color);
 }
 
+.back-button {
+    margin-bottom: 20px;
+}
+
+.back-link {
+    display: inline-flex;
+    align-items: center;
+    color: var(--text-color-secondary);
+    text-decoration: none;
+    font-size: 14px;
+    transition: color 0.2s ease;
+}
+
+.back-link:hover {
+    color: var(--accent-color);
+}
+
+.back-arrow {
+    margin-right: 8px;
+    font-size: 16px;
+}
+
 .post-title {
     font-size: 42px;
     font-weight: 700;
@@ -1077,6 +1099,19 @@ h1 {
     .post-title {
         font-size: 28px;
     }
+    
+    .back-button {
+        margin-bottom: 12px;
+    }
+    
+    .back-link {
+        font-size: 13px;
+    }
+    
+    .back-arrow {
+        font-size: 15px;
+        margin-right: 6px;
+    }
 
     .post-content h2 {
         font-size: 24px;