importするときに何もしていないと以下のように相対パスで書きますが、階層が深くなると面倒です。
import { Button } from '../../components/Button
それを以下のように書けるようにします。
import { Button } from '@/components/Button
Next.jsでは以前はパッケージを追加して、next.config.jsをつくって設定を書く必要がありました。しかし、v9.4からtsconfig.jsonに書き足すだけでOKになったようです。
上記のサイトに書いてあるようにtsconfig.jsonのcompilerOptionsに追加するだけです。@から始めたい場合は以下のように書きます。
{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./*"] } } }