Tailwind 4 basic

Tailwind basic

Setup verison 4

Install

npm install next react react-dom
npm install tailwindcss @tailwindcss/postcss postcss

Configure PostCSS Plugins

// postcss.config.mjs
const config = {
    plugins: ["@tailwindcss/postcss"],
};

export default config;

Import Tailwind CSS

/* ./css/global.css */
@import "tailwindcss";

Include in React page

Hello world

export default function HelloWorld() {
    return (
        <h1 className="text-3xl font-bold underline text-red-100">
            Hello world!
        </h1>
    )
}