From 60ed83f5f3b8bb68c24b753e0002d3c07c5f0ade Mon Sep 17 00:00:00 2001
From: trash07 <mmkpeto5@gmail.com>
Date: Sun, 29 Mar 2026 20:48:39 -0400
Subject: [PATCH] feat: post page

---
 assets/images/.gitignore             |  1 -
 gatsby-config.js                     |  7 ----
 src/components/fragment/Header.jsx   |  3 +-
 src/components/layout/PostLayout.jsx | 55 +++++++++++++++++++++++++---
 4 files changed, 52 insertions(+), 14 deletions(-)
 delete mode 100644 assets/images/.gitignore

diff --git a/assets/images/.gitignore b/assets/images/.gitignore
deleted file mode 100644
index 61ff636..0000000
--- a/assets/images/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-# sample file
\ No newline at end of file
diff --git a/gatsby-config.js b/gatsby-config.js
index 2b6db5c..8d98feb 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -11,13 +11,6 @@ module.exports = {
     `gatsby-plugin-sharp`,
     `gatsby-transformer-sharp`,
     `gatsby-plugin-twitter`,
-    {
-      resolve: `gatsby-source-filesystem`,
-      options: {
-        name: `assets`,
-        path: `${__dirname}/assets`,
-      },
-    },
     {
       resolve: `gatsby-source-filesystem`,
       options: {
diff --git a/src/components/fragment/Header.jsx b/src/components/fragment/Header.jsx
index fcd659d..98d3749 100644
--- a/src/components/fragment/Header.jsx
+++ b/src/components/fragment/Header.jsx
@@ -1,10 +1,11 @@
 import * as React from 'react';
+import { getSiteUrl } from '../utils/url-generator';
 
 export default function Header() {
   return (
     <nav>
       <div className="nav-inner">
-        <a className="logo" href="#">
+        <a className="logo" href={getSiteUrl()}>
           tutoriel<span>.dev</span>
         </a>
         <div className="nav-links">
diff --git a/src/components/layout/PostLayout.jsx b/src/components/layout/PostLayout.jsx
index 973ed37..232808b 100644
--- a/src/components/layout/PostLayout.jsx
+++ b/src/components/layout/PostLayout.jsx
@@ -1,10 +1,55 @@
 import * as React from 'react';
+import '../../css/post.css';
+import Header from '../fragment/Header';
+import Footer from '../fragment/Footer';
 
-export function PostLayout({ title, children }) {
+export function PostLayout(props) {
+  const { title, children } = props;
+  console.log(props);
   return (
-    <main>
-      <h1>{title}</h1>
-      {children}
-    </main>
+    <>
+      <Header />
+      <Breadcrumb />
+      <div className="page">
+        <article>
+          <div className="post-header">
+            <div className="post-tags">
+              <span className="tag">Node.js</span>
+              <span className="tag">Express</span>
+              <span className="tag">REST API</span>
+            </div>
+            <h1 className="post-title">{title}</h1>
+            <div className="post-meta">
+              <div className="author">
+                <div className="avatar">JD</div>
+                <span>Jane Doe</span>
+              </div>
+              <div className="dot"></div>
+              <span>March 18, 2026</span>
+              <div className="dot"></div>
+              <span>8 min read</span>
+            </div>
+            <div className="prose">{children}</div>
+          </div>
+        </article>
+      </div>
+      <Footer />
+    </>
+  );
+}
+
+function Breadcrumb() {
+  return (
+    <div className="breadcrumb-bar">
+      <div className="breadcrumb">
+        <a href="prototype-1-minimal.html">Home</a>
+        <span className="sep">›</span>
+        <a href="prototype-1-minimal.html">Tutorials</a>
+        <span className="sep">›</span>
+        <span className="current">
+          Building a REST API with Node.js and Express
+        </span>
+      </div>
+    </div>
   );
 }