Nextjsにbootstrapを導入する方法は、以外と簡単です。
yarn add bootstrap
これで最新のBootstrapが導入されます。
最新のものに更新する場合は、
yarn upgrade bootstrap --latest
です。
これで、Nextjsにbootstrapのモジュールが入ったわけです。
このモジュールを利用して実際にプログラムを書いていきます。
通常、bootstrapは全てのページで読み込みますので
_app.js
にbootstrapを使う旨を宣言します。
Nextjsでは、_app.jsってファイルが、共通で読み込まれるページです。
これは、pageのフォルダーの中にあると思いますが、ファイルの一番上に、下記の１行追加します。
import 'bootstrap/dist/css/bootstrap.min.css';
これで、bootstrapがすべてのページで使えるようになります。
簡単でしょ。