Create global styles with Styled components in react and next js

answer re: How to Create global styles with Styled components in react and next js and is it better to use combination of css files and styled component?

Dec 15 '21

8

To create global styles we can use createGlobalStyle function. For next.js project, you can do that in _app.js or _app.tsx file, depending on whether you are using typescript.

import type { AppProps } from "next/app"
import { createGlobalStyle } from "styled-components";

import Header from "@/components/Header";

const GlobalStyles = createGlobalStyle`
html,

…

Open Full Answer