import Footer from "./Footer";
import Navigation from "./Navigation";
import { useRouter } from "next/router";

function Layout({ children }) {
  const router = useRouter();
  return (
    <>
      {router.pathname !== "/*" && <Navigation />}
      {/* {router.pathname !== "*" && <Navigation />} */}
      <main className="main-content">{children}</main>
      {router.pathname !== "/*" && <Footer />}
      {/* {router.pathname !== "*" && <Footer />} */}
    </>
  );
}

export default Layout;

Unfortunately the methods with an asterisk do not work :/ ?!?

Thank you in advance and best regards for everyone ;-)

import Footer from "./Footer";
import Navigation from "./Navigation";
import { useRouter } from "next/router";

function Layout({ children }) {
  const router = useRouter();
  return (
    <>
      {router.pathname !== "/*" && <Navigation />}
      {/* {router.pathname !== "*" && <Navigation />} */}
      <main className="main-content">{children}</main>
      {router.pathname !== "/*" && <Footer />}
      {/* {router.pathname !== "*" && <Footer />} */}
    </>
  );
}

export default Layout;

Unfortunately the methods with an asterisk do not work :/ ?!?

Thank you in advance and best regards for everyone ;-)

• javascript
• next.js
• http-status-code-404

• 2 if page is 404 or 500 pathname is always /_error so {router.pathname !== "/_error" && <Navigation />} – Nico Commented Sep 20, 2021 at 14:02
• Thanks Nico