Breaking News: Grepper is joining You.com. Read the official announcement!

add tailwind to next

Add Answer

adens answered on August 28, 2021 Popularity 10/10 Helpfulness 2/10

answer add tailwind to next

related Tailwind CSS with NextJS

related add tailwind to next

related next app with tailwind css

related add tailwind to next

related tailwind css next

related add tailwind to next

related next tailwindcss

add tailwind to next

Comment

// postcss.config.js
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

Popularity 10/10 Helpfulness 2/10 Language css

Source: tailwindcss.com

Tags: add css next

Link to this answer
Share Copy Link

Contributed on Aug 28 2021

adens

0 Answers Avg Quality 2/10

Closely Related Answers

Tailwind CSS with NextJS

Comment

// postcss.config.js
const { join } = require('path');

module.exports = {
  plugins: {
    tailwindcss: {
      config: join(__dirname, 'tailwind.config.js'),
    },
    autoprefixer: {},
  },
};

Popularity 6/10 Helpfulness 5/10 Language css

Source: stackoverflow.com

Tags: css tailwind-css

Link to this answer
Share Copy Link

Contributed on Mar 29 2024

Jaimin Patel

0 Answers Avg Quality 2/10

add tailwind to next

Comment

# If you're on Next.js v10 or newer
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest

# If you're on Next.js v9 or older
npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

Popularity 10/10 Helpfulness 4/10 Language shell

Source: tailwindcss.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Aug 28 2021

adens

0 Answers Avg Quality 2/10

next app with tailwind css

Comment

yarn create next-app --tailwind with-tailwindcss-app

Popularity 9/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 12 2023

Mael

0 Answers Avg Quality 2/10

add tailwind to next

Comment

  // tailwind.config.js
  module.exports = {
-   purge: [],
+   purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
    darkMode: false, // or 'media' or 'class'
    theme: {
      extend: {},
    },
    variants: {
      extend: {},
    },
    plugins: [],
  }

Popularity 10/10 Helpfulness 3/10 Language css

Source: tailwindcss.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Aug 28 2021

adens

0 Answers Avg Quality 2/10

add tailwind to next

Comment

/* ./styles/globals.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

Popularity 10/10 Helpfulness 3/10 Language css

Source: tailwindcss.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Aug 28 2021

adens

0 Answers Avg Quality 2/10

add tailwind to next

Comment

  // pages/_app.js
- import '../styles/globals.css'
+ import 'tailwindcss/tailwind.css'

  function MyApp({ Component, pageProps }) {
    return <Component {...pageProps} />
  }

  export default MyApp

Popularity 10/10 Helpfulness 3/10 Language css

Source: tailwindcss.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Aug 28 2021

adens

0 Answers Avg Quality 2/10

tailwind css next

Comment

yarn add -D tailwindcss postcss autoprefixer

Popularity 10/10 Helpfulness 2/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Apr 18 2022

Alive Aardvark

0 Answers Avg Quality 2/10

add tailwind to next

Comment

// pages/_app.js
import '../styles/globals.css'

function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

export default MyApp

Popularity 10/10 Helpfulness 2/10 Language css

Source: tailwindcss.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Aug 28 2021

adens

0 Answers Avg Quality 2/10

next tailwindcss

Comment

npx create-next-app -e with-tailwindcss my-project
cd my-project

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: v2.tailwindcss.com

Tags: next

Link to this answer
Share Copy Link

Contributed on Feb 03 2023

Graceful Gharial

0 Answers Avg Quality 2/10

add tailwind to next

Contents

More Related Answers

add tailwind to next

Closely Related Answers

Tailwind CSS with NextJS

add tailwind to next

next app with tailwind css

add tailwind to next

add tailwind to next

add tailwind to next

tailwind css next

add tailwind to next

next tailwindcss

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.