Quickly initiate TailwindCSS in a Next.js project (no `/app` directory support)

tailwind-next-init.sh

#!/bin/bash
yarn add -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

# replace tailwind.config.js with the following
STRING="/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    \"./pages/**/*.{js,ts,jsx,tsx}\",
    \"./components/**/*.{js,ts,jsx,tsx}\",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}"

echo "$STRING" > tailwind.config.js

echo "Updated tailwind.config.js"

# update global css file

echo "@tailwind base;
@tailwind components;
@tailwind utilities;" | cat - styles/globals.css > temp && mv temp styles/globals.css

echo "Updated styles/globals.css"

Use at your own risk :)