本日は、next/routerの関数についての軽いメモです‍♂️ 関数たち push 任意の画面に遷移するために使用します。next/linkによる実装が不十分な時などに使用できます。 router.push(url, as, options) replace 機能的にはpushと同じですが、replaceは遷移時、…

結論 普通のリンクの場合は、next/linkを使用して下記のように実装できます。 import Link from 'next/link' <Link href="/"> <a>hoge</a> </Link> buttonなどのインタラクティブなコンポーネントを使って遷移したい場合は、next/routerを使いましょう。 import Router from 'next/router'…

動機 他の階層のモジュールを相対パスでインポートすると、見辛いし、パスが変更した時に書き換えが大変ですよね import Hoge from '../../../components/templates/Hoge' なので、下記のようにしたい。 import Hoge from '~/components/templates/Hoge' 結…

next.jsにサンプルがあるので、これを使っていきます！ github.com まずは、サンプルをインストールします。ちなみにAPP-NAMEは、よしなに変えてください。今回はnpmで作業します。ちなみにyarnがない場合は、yarnpkg install has failed.的なエラーが出るの…