CSS in NextJS

You can import global css file in app.tsx file as specified below.

import '../styles/globals.css'

You can import locally scoped css file in any page/component as specified below.

import styles from '../../styles/checkout.module.css'

Complex problems, Simple Solutions