はじめに

Next.jsでFontAwesomeを使用できるようにしたので、メモとして書いておきます。

インストール

以下のコマンドでインストールする。

1. SVGコアパッケージをインストールする。

npmを使用する場合

yarnを使用する場合

2. アイコンパッケージをインストールする。

npmを使用する場合

yarnを使用する場合

3. react-fontawesomeパッケージをインストールする。

npmを使用する場合

yarnを使用する場合

使い方

以下のように、FontAwesomeをインポートしてきます。
今回は、時計のアイコンを使用するため、以下のように書いていきます。

インポート文

アイコンの使用

そのまま使用すると、かなり大きく表示されてしまうので、CSSで調整する必要があるかもしれないです。

最後に

他にも色々な記事を書いているので、よければ読んでいってください、、、
基本設計について
Vue.jsとNode.jsでチャットアプリを作った
Next.js×TypeScriptでTODOアプリを作成する
[cv:issue_marketplace_engineer]