next.js에 bootstrap 설치

chatGPT api를 활용한 간단한 next.js 앱을 만들려고 하는데 백엔드는 했지만 프론트 엔드의 디자인에서 문제를 만났습니다.

이를 해결하기 위해 bootstrap을 사용할 것입니다.

공식문서에 설치법이 나와있습니다.

https://react-bootstrap.github.io/getting-started/introduction/

React-Bootstrap

npm install react-bootstrap bootstrap

 

app.js에 import해줍니다.(저는 index.js 에 했습니다.)

import 'bootstrap/dist/css/bootstrap.min.css';