[nextjs]react toastify를 써보자

1. 가입이나 로그인 등의 상태를 알리고 싶을땐?

이렇게 이쁜 UI를 손쉽게 넣을 수 있는 방법이 있따.

https://fkhadra.github.io/react-toastify/installation

//app.tsx
<ToastContainer
position="top-center"
autoClose={5000}
hideProgressBar={false}
newestOnTop={false}
closeOnClick
rtl={false}
pauseOnFocusLoss
draggable
pauseOnHover
theme="light"
transition: Bounce,
/>

//global.css

/* 단일 파란색으로 프로그레스 바 색상 변경 */
.Toastify__progress-bar {
  background: blue !important;
}