nuxt

Nuxt

Setting up Tailwind with NuxtJS is really simple, just add the @nuxtjs/tailwindcss module:

npm install @nuxtjs/tailwindcss

Then add it to your nuxt.config.js file:

export default {
  modules: [
    '@nuxtjs/tailwindcss'
  ]
}

That's it ✨

The module will:

• Create a CSS file for your Tailwind styles in assets/css/tailwind.css:

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

• Import this file as global css
• Create a tailwind.config.js file.

module.exports = {
  theme: {},
  variants: {},
  plugins: []
}

• Configure nuxt-purgecss
• Set postcss-preset-env to stage 1, learn more here

Project setup

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

Start the server for production

npm run start

Generate as a static website

npm run generate