_document.js

• SSR（サーバーサイドレンダリング）のみ実行するため、クライアントサイドの処理は書かない
• アプリケーションのロジックやCSSを設定してはいけない
• ファビコン設定はここでOK

_app.js

• 全ページで必要な処理が書ける

  例）smoothScroll, viewport設定（320px未満で固定したい場合）

• 全ページ共通のCSS（グローバルCSS）はここに設定する

参考

Next.jsの_documment.js(tsx)と_app.js(tsx)について爆速で理解しよう