feat: add header links

astro.config.mjs

@@ -5,9 +5,6 @@ import tailwind from "@astrojs/tailwind";
 // https://astro.build/config
 export default defineConfig({
   site: "https://blog.log101.dev",
-  redirects: {
-    "/category/[category]": "/category/[category]/1",
-  },
   integrations: [
     tailwind({
       applyBaseStyles: false,

src/components/Header.astro

@@ -18,10 +18,15 @@
 
 <div class="flex flex-col justify-start gap-2">
   <ul class="flex flex-row items-center list-none p-0 gap-3 contact-links">
-    <li><a href="#">Eposta</a></li>
-    <li><a href="#">Github</a></li>
-    <li><a href="#">LinkedIn</a></li>
-    <li><a href="#">CV</a></li>
+    <li><a href="mailto:ffrknerdm@gmail.com">Eposta</a></li>
+    <li><a href="https://github.com/log101" target="_blank">Github</a></li>
+    <li>
+      <a
+        href="https://www.linkedin.com/in/furkan-erdem-506548218/"
+        target="_blank">LinkedIn</a
+      >
+    </li>
+    <li><a href="/furkan_erdem_cv.pdf" target="_blank">CV</a></li>
   </ul>
 
   <div class="flex flex-col gap-4">
@@ -37,16 +42,16 @@
       <ul
         class="flex md:flex-row flex-col md:items-center justify-between list-none p-0 gap-3 nav-links">
         <li>
-          <a href="/category/fikir">Fikir</a>
+          <a href="/fikir/1">Fikir</a>
         </li>
         <li>
-          <a href="/category/teknik">Teknik</a>
+          <a href="/teknik/1">Teknik</a>
         </li>
         <li>
-          <a href="/category/edebiyat">Babür'ün Serüvenleri</a>
+          <a href="/edebiyat/1">Babür'ün Serüvenleri</a>
         </li>
         <li>
-          <a href="/category/ansiklopedi">Ansiklopedi</a>
+          <a href="/ansiklopedi/1">Ansiklopedi</a>
         </li>
       </ul>
     </div>

src/components/Post.astro

@@ -47,7 +47,7 @@ const postDateFormatted = post.data.date.toLocaleDateString("tr-TR", {
 });
 
 // Create post link
-const postLink = `/category/${post.data.category}/posts/${post.slug}`;
+const postLink = `/${post.data.category}/${post.slug}`;
 
 // Create post content as an astro component
 const { Content } = await post.render();