2.0 Patterns

serranoarevalo · serranoarevalo · commit 33c1f4dd023f · 2021-12-17T16:52:06.000+09:00
diff --git a/components/Layout.js b/components/Layout.js
@@ -0,0 +1,10 @@
+import NavBar from "./NavBar";
+
+export default function Layout({ children }) {
+  return (
+    <>
+      <NavBar />
+      <div>{children}</div>
+    </>
+  );
+}
diff --git a/components/Seo.js b/components/Seo.js
@@ -0,0 +1,9 @@
+import Head from "next/head";
+
+export default function Seo({ title }) {
+  return (
+    <Head>
+      <title>{title} | Next Movies</title>
+    </Head>
+  );
+}
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,11 +1,10 @@
-import NavBar from "../components/NavBar";
+import Layout from "../components/Layout";
 import "../styles/globals.css";
 
 export default function MyApp({ Component, pageProps }) {
   return (
-    <>
-      <NavBar />
+    <Layout>
       <Component {...pageProps} />
-    </>
+    </Layout>
   );
 }
diff --git a/pages/about.js b/pages/about.js
@@ -1,6 +1,9 @@
+import Seo from "../components/Seo";
+
 export default function Potato() {
   return (
     <div>
+      <Seo title="About" />
       <h1>About</h1>
     </div>
   );
diff --git a/pages/index.js b/pages/index.js
@@ -1,6 +1,9 @@
+import Seo from "../components/Seo";
+
 export default function Home() {
   return (
     <div>
+      <Seo title="Home" />
       <h1 className="active">Hello</h1>
     </div>
   );
