far

TailwindCSS의 커스터마이징 TailwindCSS가 기본적인 디자인이나 자주 사용할법한 기능은 다 제공하지만 작업을 하다보면 커스터마이징이 필요할 때가 있다. 특히 다크모드는 많은 도움이 될 것. tailwind.config.js module.exports = { content: [ './app/**/*.{js,ts,jsx,tsx}', './pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}', './node_modules/flowbite-react/**/*.{js,jsx,ts,tsx}', ], plugins: [], }; content 내부에서 CSS를 사용할 파일 경로를 지정할 수 있다. module.exports = { theme..

나의 경우 HTML에 __NEXT_DATA__도 생성되는걸 확인했고 Javascript를 끄고도 HTML렌더링이 되는것 까지 확인 했음에도 불구하고 Preview에 미리보기가 생성되지 않았다. (즉 SSR이 동작하지 않았다.) 정확한 원인을 몰라서 하나하나씩 코드를 지우다 보니 TailwindCSS를 SSR하기 위해 package.json에 작성했던 prebuild가 문제였다. "prebuild": "tailwindcss-cli build -o styles/tailwindSSR.css" // 이 부분 그래서 prebuild와 _document파일을 제거했더니 Preview에 미리보기가 생성되면서 SSR이 작동하는걸 확인했다. 물론 tailwindCSS의 SSR을 살리면서 빌드하는 방법도 있었겠지만, pr..