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

config tailwind for next.js

Add Answer

AlulCode answered on July 30, 2022 Popularity 9/10 Helpfulness 4/10

answer config tailwind for next.js

related tailwindcss nextjs setup

related Tailwind CSS with NextJS

related nextjs with tailwind

related install tailwind in next.js

related install tailwind css with next js

config tailwind for next.js

Comment

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
 
    // Or if using `src` directory:
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: tailwindcss.com

Tags: config next.js shell

Link to this answer
Share Copy Link

Contributed on Mar 24 2023

AlulCode

0 Answers Avg Quality 2/10

Closely Related Answers

tailwindcss nextjs setup

Comment

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

// Remember to add to tailwind.config.js

/** @type {import('tailwindcss').Config} */ 
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

// and to globals.css

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

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: tailwindcss.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 04 2022

Lively Lynx

0 Answers Avg Quality 2/10

Tailwind CSS with NextJS

Comment

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

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

Popularity 7/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

nextjs with tailwind

Comment

// TypeScript
npx create-next-app@latest -e with-tailwindcss

Popularity 10/10 Helpfulness 3/10 Language shell

Source: Grepper

Tags: shell shel

Link to this answer
Share Copy Link

Contributed on Nov 22 2022

Determined Donkey

0 Answers Avg Quality 2/10

install tailwind in next.js

Comment

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

Install tailwind in next js using npm

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: tailwindcss.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Mar 24 2023

AlulCode

0 Answers Avg Quality 2/10

install tailwind css with next js

Comment

Create nextjs app with tail wind

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 30 2022

Lovely Llama

0 Answers Avg Quality 2/10

config tailwind for next.js

Contents

More Related Answers

config tailwind for next.js

Closely Related Answers

tailwindcss nextjs setup

Tailwind CSS with NextJS

nextjs with tailwind

install tailwind in next.js

install tailwind css with next js

Grepper

Documentation

Social

Legal

Contact

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