Next.js
ちょっとハマったので、自分のメモ用。以下のissueにかかれていたことを元にして解決。 github.com上記の内容をカスタムフックにラップすればOK const { loading, data, error } = useQuery(SOME_QUERY) const [state, setState] = React.useState([]) React…
何も考えずにNext.jsでMaterial UIを使おうとすると以下のエラーが出ます。 Warning: Prop 'className' did not match. Server ... Material UIではSSRへの対応方法が準備されており、以下がそのサンプルです。 material-ui/examples/ssr at master · mui-or…
Tl;dr ルートディレクトリに.vscodeフォルダを作り、launch.jsonを以下の内容で作成する。 $ mkdir .vscode && cd .vscode $ touch launch.json launch.json { "version": "0.2.0", "configurations": [ { "name": "Next: Node", "type": "node", "request":…
目標1: Next.jsプロジェクト(プレレンダリング + SSG)をNetlifyで公開したい 目標2: Next.jsプロジェクト(SSR + SSG)をNetlifyで公開したい Netlifyアカウント作成 基本的には以下のサイトさんをみて設定 【5分で公開・簡単】Netlifyの使い方を解説する …