NextJS - Add <Head> Data on query parameters

Question

All my pages are working with getStaticProps. I want to make "If there's and q parameter on URL, then add 'noindex' to ". But as you can understand, that doesnt work on 'prerendered' pages.

But I have to find a way.

I need to add 'noindex' to all my 'shop?q=blabla' pages.

On _app.js I did like that:

function MyApp({ Component, pageProps }) {
  const router = useRouter()
  ...
  
  return (
    <Fragment>
      <Head>
      ...
        {router.query.q ? <meta name="robots" content="noindex"></meta> : '' } 
      ...

But not working on getStaticProps pages. Is there any advice about it?

How can I automatically add 'noindex' to all of the 'q' parametered pages?

kanuos · Accepted Answer · 2022-05-10 15:01:49Z

1

You'd need to create two different pages. One for the basic non query routing and the other for dynamic routing and use getStaticPaths for the latter.

nextjs documentation

answered May 10, 2022 at 15:01

kanuos

1,2131 gold badge11 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

NextJS - Add <Head> Data on query parameters

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related