Gatsby + Tailwind CSS 세팅

회사에서 개츠비를 사용해서 연습해보면서
tailwind css 로 스타일링 해보려고 하고 있음

아래 독스에 나온 내용 + 추가적으로 세팅해서 사용 중
테일윈드는 사용하면 할수록 좋아서 왜 사용자 피드백이 좋은지 이해된다
더 효율적이고 깔끔하게 사용할 방법을 매번 찾아보는 중

https://tailwindcss.com/docs/guides/gatsby
https://www.youtube.com/watch?v=ImmsEgNFxPQ

  1. Install Tailwind CSS
npm install -D tailwindcss postcss autoprefixer gatsby-plugin-postcss
  1. init 하기
npx tailwindcss init -p

postcss.config.js 파일과 tailwind.config.js 파일이 생김

독스 따라서 global css 파일 만들고
gatsby-config 파일에 코드 추가 했는데 에러남 -> gatsby-config가 아니라 tailwindconfig 파일에 넣어야함!

에러

3.사용하기
너무 간단해서 대충썼쟈나

좋은 웹페이지 즐겨찾기