Add blog page

2024-04-25 04:41:05 +02:00
parent 1b8d84b469
commit 9364264dc1
4 changed files with 55 additions and 1 deletions
--- a/app/blog/neural-nets/page.tsx
+++ b/app/blog/neural-nets/page.tsx
@@ -0,0 +1,7 @@
+export default async function Index() {
+  return (
+    <>
+      <h1>hello</h1>
+    </>
+  );
+}
--- a/app/blog/page.tsx
+++ b/app/blog/page.tsx
@@ -0,0 +1,23 @@
+export default async function Index() {
+  return (
+    <div className="flex flex-col items-center">
+      <div className="my-3 flex flex-col items-center">
+        <h1 className="text-4xl">Stan's Blog</h1>
+        <p className="text-sm my-1">
+          <i>but what do I know</i>
+        </p>
+      </div>
+
+      <h2 className="mt-3 text-2xl">Posts ({[].length})</h2>
+      {/* 
+      <ul>
+        <li>
+          <a href="/blog/neural-nets">Neural Networks</a>
+        </li>
+        <li>
+          <a href="/blog/nextjs">Next.js</a>
+        </li>
+      </ul> */}
+    </div>
+  );
+}
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,5 +1,6 @@
 import { GeistSans } from "geist/font/sans";
 import "./globals.css";
+import TabItem from "@/components/TabItem";

 const defaultUrl = process.env.VERCEL_URL
  ? `https://${process.env.VERCEL_URL}`
@@ -18,7 +19,14 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en" className={GeistSans.className}>
-      <body>{children}</body>
+      <body>
+        <div className="flex justify-center gap-5 my-5 font-bold">
+          <TabItem targetPath="/" text="Home" />
+          <TabItem targetPath="/blog" text="Blog" />
+        </div>
+
+        {children}
+      </body>
    </html>
  );
 }