[Next.js] 사용한 라이브러리

캐러셀 라이브러리

yarn add react-multi-carousel

 

마크다운 뷰어

npm install react-markdown 
yarn add remark-gfm

 

테일윈드 타이포그래피

npm install -D @tailwindcss/typography

 

tailwind.config.js에 아래 내용 추가 

plugins: [require("@tailwindcss/typography")],

 

react icon

yarn add react-icons

 

 

react-syntax-highlighter

yarn add react-syntax-highlighter

yarn add -D @types/react-syntax-highlighter

 

node mailer (yup:유효성 검사)

yarn add yup nodemailer
yarn add -D @types/nodemailer

 

SWR 네트워크 상태 라이브러리 (React Hooks for Data Fetching)

yarn add swr

 

사용자 로그인 NextAuth.js

yarn add next-auth

 

react spinners

yarn add react-spinners

 

timeago.js

npm install timeago.js

 

auth.js(로그인 기능)

yarn add next-auth

 

sanity 데이터베이스 (저장소)

yarn add @sanity/client