Global CSS in NextJS

Inside the app folder by default there is a globals.css file with the global CSS styles of our project.

Global styles can be imported into any layout, page, or component. Without import, they will not be applied.

Let's import the file with global styles into the main site layout:

app/layout.jsximport '@/app/globals.css';