How can I update the meta info from front-end?

[leeziiAtCn]

I want to create a new , But this new is covered by next-js.

// front-end code
        <script
          dangerouslySetInnerHTML={{
            __html: `let metaEl = document.querySelector('meta[name="viewport"]');metaEl.setAttribute('content','width=device-width,user-scalable=no,initial-scale=1')`,
          }}
        />

[enricoschaaf]

You need to use a custom document to override the next default. https://nextjs.org/docs/advanced-features/custom-document

[enricoschaaf]

If you want dynamically change it after the page has loaded you can use next/head on the page you want to implement this