celeroncoder/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Expempt a page to inherit something from the _app.ts

How to?

We make a conditional in the _app.ts to render something that we don't want to render only if the page says so.
To do the above we make use of the pageProps that are the props passed on the _app.ts before to the actual page component, we can pass something like noLayout and make a conditional to not show the layout if the props exists or is true.


## _app.ts
function MyApp({ Component, pageProps }) {

return (
  <Head>
    <title>My App</title>
    <link rel="icon" href="/favicon.ico" />
  </Head>
  <ThemeProvider theme={theme}>
    {pageProps.noLayout ? <></> : <Header />}
    <main>
      <Component {...pageProps} />
    </main>
  </ThemeProvider>
 )
}

## page.ts
export async function getStaticProps(context) {
  return {
    props: { noLayout: true },
  }
}
	function MyApp({ Component, pageProps }) {

	return (
	<Head>
	<title>My App</title>
	<link rel="icon" href="/favicon.ico" />
	</Head>
	<ThemeProvider theme={theme}>
	{pageProps.noLayout ? <></> : <Header />}
	<main>
	<Component {...pageProps} />
	</main>
	</ThemeProvider>
	)
	}
	export async function getStaticProps(context) {
	return {
	props: { noLayout: true },
	}
	}