The words Under construction in black text on a yellow background with diagonal black stipes surrounding it
I'm in the process of moving my site. It's still a work in progress. Please excuse the mess and broken links.

Install Tailwind CSS In NextJS

TODO: Pull subtitle into page object

Go through this:

code_start_default_section code_end_default_section

Debugging Stuff

I'm moving stuff around right now. All this below is helping me figure out where to put stuff

        -- title

Install Tailwind CSS In NextJS

-- p

Go through this:

-- code/

npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init -p

-- /code

-- p

Update `tailwind.config.js` with:

-- code/

content: [
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
  ],

-- /code

-- p

Setup `styles/global.css` with just this:

-- code/
-- css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply bg-gray-900;
    @apply text-gray-300;
    @apply pt-6;
    @apply max-w-prose;
    @apply mx-auto;
  }
  a {
    @apply text-blue-400;
  }
  h1 {
    @apply text-3xl;
    @apply font-bold;
  }
  h2 {
    @apply text-2xl;
    @apply font-bold;
  }
  h3 {
    @apply text-xl;
    @apply font-bold;
  }
}

-- /code

-- p

restart:

-- code/

netlify dev

-- /code


-- categories
-- CSS
-- Tailwind

-- metadata
-- date: 2021-12-30 13:53:27
-- id: 2318oceu
-- status: draft
-- type: post
-- SCRUBBED_NEO: false
-- site: aws