I am in the process of developing an app using tailwindcss and next.js
First, I started creating the nextjs app, then I executed these commands:
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
Following that, I made adjustments to the tailwind.config.js as shown below:
module.exports = {
content: [
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
}
Then, I created and filled out the ./syles/globals.css with the code provided:
@tailwind base;
@tailwind components;
@tailwind utilities;
All steps outlined above can be found on this site:https://tailwindcss.com/docs/guides/nextjs However, despite following these instructions, any attempt at customization does not seem to work. Is there a way to verify if tailwind has been loaded properly? Did I miss something in the setup process?