unistore sucks i think

client/src/components/header.tsx

@@ -0,0 +1,15 @@
+import { h } from 'preact';
+import { Link } from 'preact-router/match';
+
+const Header = () => (
+	<header class={'header'}>
+		<h1>Mates Crates</h1>
+		<nav>
+			<Link activeClassName={'active'} href="/">Home</Link>
+			<Link activeClassName={'active'} href="/profile">Me</Link>
+			<Link activeClassName={'active'} href="/profile/john">John</Link>
+		</nav>
+	</header>
+);
+
+export default Header;