Create Next App Tailwind. Replace the css file with the @tailwind directive including the base, components, and utilities style. Styles/index.css) and use the @tailwind directive to inject tailwind's styles into your css:
To add global css to a next.js app, we need to override the default app component. Replace the css file with the @tailwind directive including the base, components, and utilities style. Create a postcss.config.js file at the root of your project:
Create react app does not support postcss 8 yet, so we need to install the version of postcss7 that is compatible with tailwind css v2.
You should now see a tailwind.config.js file in your app directory. Supercharge your mobile media marketing! Next.js uses the app component to initialize pages, and if we need to control the page initialization, we need to create a file called pages/_app.js: You should now see a tailwind.config.js file in your app directory.