How you can arrange Tailwind with Subsequent.js

npm i --save-dev tailwindcss
npm i --save-dev postcss
npm i --save-dev autoprefixer

npx tailwindcss init -p

// tailwind.config.js

module.exports = {
  content material: ["./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    prolong: {},
  },
  plugins: [],
};

/* src/types/globals.css */

@tailwind base;
@tailwind parts;
@tailwind utilities;

// src/pages/instance.tsx

const Web page = (): JSX.Aspect => {
  return (
    <p data-testid="textual content" className="underline">
      Howdy
    </p>
  );
};

export default Web page;

npm run dev

// .vscode/extensions.json

{
  "suggestions": ["bradlc.vscode-tailwindcss"]
}

npm i --save-dev eslint-plugin-tailwindcss

// .eslintrc.json

{
  "extends": [
    // ...
    "plugin:tailwindcss/recommended"
  ],
  // ...
}