Next.jsでのLinkコンポーネントの記述の仕方で変更点をおさえる！！ #JavaScript

先日Next.jsのバージョンは13.0にアップデートされました。その際にLinkコンポーネントの記述方が変わったみたいなので調べてみました。

・Next.jsのバージョンが13になってLinkコンポーネントの記述方を情報収集している方

・5分もかかりません。

新Linkコンポーネントの記述法

index.tsx

<Link href='/'>
  ホームに戻る
</Link>

index.tsx

<Link href='/'>
  <a>ホームに戻る</a>
<Link>

以前はLinkコンポーネント内にaタグをネストする必要があったが、不要になった。
公式ドキュメントではこちらの箇所です。

こちらの記事によると以前、Linkコンポーネント内にaタグをネストしていたのはセマンティックコーディングとSEOのためにネストしていた。もう記述の必要がなくなり、SEOの観点からみても機能は失われずに、Linkコンポーネント上で行ってくれているのか。