[Next.js] 테마 (Theme) 및 글로벌 스타일 (Global Style) 설정하기


[Next.js] 테마 (Theme) 및 글로벌 스타일 (Global Style) 설정하기

스타일 컴포넌트 설치 [Next.js] 스타일 컴포넌트(Styled Components) 설정하기 package.json 스타일 컴포넌트(Styled Components) 설치 바벨(babel) 설치 .babelrc _documents.js &quot... blog.naver.com 파일 생성 "styles/theme/theme.ts" const color = { white: "white", black: "black", }; export const theme = { color, }; export type Theme = typeof theme; _app "<ThemeProvider>" 를 감싸주고 위에서 만든 글로벌 스타일 파일을 불러옵니다. import { ThemeProvider } from "styled-components"; import { theme } from "styles/theme/theme"; function MyApp({ Component, pageProps }: A...


#global #스타일 #글로벌스타일 #공통스타일 #공용스타일 #theme #styled #style #react #nextjs #next #globalstyle #테마

원문링크 : [Next.js] 테마 (Theme) 및 글로벌 스타일 (Global Style) 설정하기