diff --git a/app/(home-pages)/reader/ReaderContent.tsx b/app/(home-pages)/reader/ReaderContent.tsx
index 7ac22d32..e73b3df9 100644
--- a/app/(home-pages)/reader/ReaderContent.tsx
+++ b/app/(home-pages)/reader/ReaderContent.tsx
@@ -6,8 +6,7 @@ import useSWRInfinite from "swr/infinite";
 import { getReaderFeed } from "./getReaderFeed";
 import { useEffect, useRef } from "react";
 import Link from "next/link";
-import { PostLink } from "components/PostLink";
-import { useLocalizedDate } from "src/hooks/useLocalizedDate";
+import { PostListing } from "components/PostListing";
 
 export const ReaderContent = (props: {
   posts: Post[];
@@ -69,7 +68,7 @@ export const ReaderContent = (props: {
   return (
     <div className="flex flex-col gap-3 relative">
       {allPosts.map((p) => (
-        <PostLink {...p} key={p.documents.uri} />
+        <PostListing {...p} key={p.documents.uri} />
       ))}
       {/* Trigger element for loading more posts */}
       <div
diff --git a/app/(home-pages)/tag/TagHeader.tsx b/app/(home-pages)/tag/TagHeader.tsx
new file mode 100644
index 00000000..ae82f1e2
--- /dev/null
+++ b/app/(home-pages)/tag/TagHeader.tsx
@@ -0,0 +1,9 @@
+"use client";
+
+export const TagHeader = () => {
+  return (
+    <div className="">
+      <h1 className={` text-center  leading-tight`}>Tag Name Here</h1>
+    </div>
+  );
+};
diff --git a/app/(home-pages)/tag/page.tsx b/app/(home-pages)/tag/page.tsx
new file mode 100644
index 00000000..8a7561c0
--- /dev/null
+++ b/app/(home-pages)/tag/page.tsx
@@ -0,0 +1,60 @@
+import { DashboardLayout } from "components/PageLayouts/DashboardLayout";
+import { TagHeader } from "./TagHeader";
+import { Tag } from "components/Tags";
+import { Separator } from "components/Layout";
+
+export default async function TagPage(props: {}) {
+  return (
+    <DashboardLayout
+      id="tag"
+      cardBorderHidden={false}
+      currentPage="tag"
+      defaultTab="default"
+      actions={null}
+      tabs={{
+        default: {
+          controls: null,
+          content: <TagContent />,
+        },
+      }}
+    />
+  );
+}
+
+const TagContent = () => {
+  return (
+    <div className="max-w-prose mx-auto w-full grow shrink-0">
+      <div className="discoverHeader flex flex-col gap-3 items-center text-center pt-2 px-4">
+        <TagHeader />
+        <RelatedTags />
+      </div>
+      <div className="pt-6 flex flex-col gap-3">
+        <DummyPost />
+        <DummyPost />
+        <DummyPost />
+        <DummyPost />
+        <DummyPost />
+        <DummyPost />
+        <DummyPost />
+        <DummyPost />
+      </div>
+    </div>
+  );
+};
+const DummyPost = () => {
+  return (
+    <div className="h-[202px] w-full bg-bg-page border border-border-light rounded-lg" />
+  );
+};
+
+const RelatedTags = () => {
+  return (
+    <div className="flex flex-wrap gap-1 text-tertiary text-sm items-center ">
+      <div className="font-bold pr-2">Related</div>
+      <Tag name="i am" />
+      <Tag name="a related tag" />
+      <Tag name="but i don't know" />
+      <Tag name="if I'm in scope" />
+    </div>
+  );
+};
diff --git a/components/ActionBar/Navigation.tsx b/components/ActionBar/Navigation.tsx
index ba108adc..13887b96 100644
--- a/components/ActionBar/Navigation.tsx
+++ b/components/ActionBar/Navigation.tsx
@@ -12,7 +12,7 @@ import {
   ReaderUnreadSmall,
 } from "components/Icons/ReaderSmall";
 
-export type navPages = "home" | "reader" | "pub" | "discover";
+export type navPages = "home" | "reader" | "pub" | "discover" | "tag";
 
 export const DesktopNavigation = (props: {
   currentPage: navPages;
diff --git a/components/PostLink.tsx b/components/PostListing.tsx
similarity index 99%
rename from components/PostLink.tsx
rename to components/PostListing.tsx
index c50d6b3c..c151eb48 100644
--- a/components/PostLink.tsx
+++ b/components/PostListing.tsx
@@ -14,7 +14,7 @@ import type { Post } from "app/(home-pages)/reader/getReaderFeed";
 import Link from "next/link";
 import { InteractionPreview } from "./InteractionsPreview";
 
-export const PostLink = (props: Post) => {
+export const PostListing = (props: Post) => {
   let pubRecord = props.publication.pubRecord as PubLeafletPublication.Record;
 
   let postRecord = props.documents.data as PubLeafletDocument.Record;