Next.jsにTailwind CSSを設定

Next.jsにTailwind CSSを設定

参考URL
Install Tailwind CSS with Next.js
すでにNext.jsを始めてて後から設定したい場合、
「Setting up Tailwind CSS」から始めるといいと思う。

また、特定のタグ（今回は「pre」タグ：コード表記用や articleタグ）に毎回同じスタイルを適応させたい場合に、
styles/globals.cssにて

@tailwind base;
@tailwind components;
  pre {
    @apply whitespace-pre-wrap break-all bg-black text-white p-4;
  }
  article p a {
    @apply hover:underline text-blue-500;
  }
@tailwind utilities;

と、してやる。
参考URL：機能とディレクティブ