Pokemon app

components/Context.js

@@ -0,0 +1,3 @@
+import { createContext } from "react";
+
+export const NameContext = createContext();

components/MainContainer.js

@@ -0,0 +1,10 @@
+import Navbar from "./Navbar";
+
+export default function MainContainer({ children }) {
+  return (
+    <>
+      <Navbar />
+      <div className="container">{children}</div>
+    </>
+  );
+}

components/Navbar/index.js

@@ -0,0 +1,11 @@
+import Link from "next/link";
+
+export default function Navbar() {
+  return (
+    <div className="navbar">
+      <Link href="/">Home</Link>
+      <Link href="/pokemon">Pokemons</Link>
+      <Link href="/search">Search Pokemon</Link>
+    </div>
+  );
+}

components/Navbar/styles.js

@@ -0,0 +1,10 @@
+import styled from "styled-components";
+
+export const NavbarMenu = styled.div`
+  a {
+    color: ${(props) => props.theme.text};
+    text-decoration: none;
+    font-weight: 700;
+    font-size: 1.6rem;
+  }
+`;

next.config.js

@@ -2,6 +2,10 @@
 const nextConfig = {
   reactStrictMode: true,
   swcMinify: true,
-}
+};
 
-module.exports = nextConfig
+module.exports = {
+  images: {
+    domains: ["raw.githubusercontent.com"],
+  },
+};