diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro
new file mode 100644
index 0000000..fe398ee
--- /dev/null
+++ b/src/components/Sidebar.astro
@@ -0,0 +1,9 @@
+---
+import { SidebarItems } from '../../sidebar.json'
+---
+
+<div class="sidebar">
+    {SidebarItems.map((item) => (
+        item.heading ? <h2>{item.heading}</h2> : <a href={item.link}>{item.text}</a>
+    ))}
+</div>
\ No newline at end of file