next - typescript 초기세팅

설치

npx create-next-app --typescript

emotion

yarn add react @emotion/css @emotion/react @emotion/styled

.eslintrc

{
  "extends": ["next/babel","next/core-web-vitals"]
}

styled-components

• 설치

yarn add styled-components
yarn add -D @types/styled-components

• .babelrc 폴더 추가

    {
      "presets": ["next/babel"],
      "plugins": [
        [
          "babel-plugin-styled-components",
          { "fileName": true, "displayName": true, "pure": true, "ssr": true }
        ]
      ]

    }