Next.jsで、サーバー・クライアントで一度だけやりたい処理 - console.lealog();

Next.jsで、サーバー・クライアントで一度だけやりたい処理 - console.lealog();

たとえば`firebase.initializeApp()`とか、特定のライブラリにSSR時には何もしなくてよいことを伝えるAP...概要を表示 たとえば`firebase.initializeApp()`とか、特定のライブラリにSSR時には何もしなくてよいことを伝えるAPIとか。 ドキュメントにもコレだ！という部分がなかったので書いておく。 クライアント `pages/_app.js`で、`useEffect(fn, [])`でできる。 import React, { useEffect } from "react"; function MyApp({ Component, pageProps }) { useEffect(() => { /* ここでやる */ }, []); return <Component {...pageProps} /> } export default MyApp という感じ。 Advanced Features: Custom `App` | Next.js この`_app.js`は、`pages`