들어가기
nextjs setting을 알아보자
tailwild setting을 알아보자
https://nextjs.org/docs/getting-started
git remote add origin '''git/new에서 만든 repository'''
https://tailwindcss.com/
https://tailwindcss.com/docs/plugins
https://tailwind.spacet.me/
https://tailwind.build/classes
하고나면, postcss.config.js 파일이 생김
postcss.config.js
----------------------------------
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
tailwind.config.js 파일도 생김
아래와 같이 설정해 줄것~
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./pages/**/*.{js,jsx,ts,tsx}', //어디서 사용할건지를 설정
'./components/**/*.{js,jsx,ts,tsx}', //어디서 사용할건지를 설정
],
theme: {
extend: {},
},
plugins: [require('@tailwindcss/forms'),], //npm i @tailwindcss/forms
} //<form>하면 기본적 form이 생성됨.
@tailwind base;
@tailwind components;
@tailwind utilities;