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:
import '@/app/globals.css';
Change your page background.
In the globals.css file, define
some CSS class.
Apply it in some component.
