next-mdx-remote v4 (#737)

components/Header/Header.tsx

@@ -0,0 +1,21 @@
+import { memo } from "react";
+import Name from "../Name/Name";
+import Menu from "../Menu/Menu";
+
+import styles from "./Header.module.css";
+
+const Header = () => (
+  <header className={styles.header}>
+    <nav className={styles.nav}>
+      <div className={styles.left}>
+        <Name />
+      </div>
+
+      <div className={styles.right}>
+        <Menu />
+      </div>
+    </nav>
+  </header>
+);
+
+export default memo(Header);