in _document.js or _app.js

Question

Should I use from next/head and use it inside _app.js or should I use from next/document and use it in _document.js?

I'm kind of confused about when should I choose what. From what I understand _document.js is only rendered on the server-side and _app.js is rendered on both client-side and server-side.

Things I've learnt so far:

Viewport meta tags should not be used in _document.js's
</code> should not be used in _document.js's </a></li> </ul> <p>Does that mean I can just put everything <code><Head></code> related inside <code>_app.js</code> and be done with it? Or does it give any advantage to put all the other tags(except title and viewport) in <code>_document.js</code>?</p>

user_3544500 · Answer

You can put anything related to Favicon, preloading Fonts, GTM ..etc in _document.js and Viewport meta related can be added into _app.js. For other other meta tags like robots, og, twitter, ... etc can be added in <Head> of each page in your app.

<Head> in _document.js or _app.js

1 Answers