https://github.com/ashirbadgudu/react-tailwind-css-stater

Set Up Tailwind Css With create-react-app and yarn
https://github.com/ashirbadgudu/react-tailwind-css-stater

create-react-app css postcss react tailwind tailwindcss yarn

Last synced: about 1 month ago
JSON representation

Set Up Tailwind Css With create-react-app and yarn

• Host: GitHub
• URL: https://github.com/ashirbadgudu/react-tailwind-css-stater
• Owner: AshirbadGudu
• Created: 2021-12-30T15:25:23.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2021-12-30T16:32:42.000Z (almost 3 years ago)
• Last Synced: 2024-04-18T07:56:27.216Z (8 months ago)
• Topics: create-react-app, css, postcss, react, tailwind, tailwindcss, yarn
• Language: JavaScript
• Homepage: https://dev.to/ashirbadgudu/set-up-tailwind-css-with-create-react-app-and-yarn-pio
• Size: 175 KB
• Stars: 3
• Watchers: 3
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# `React Tailwind Css Stater`

## Steps for creating `react-tailwind-css-stater` with `yarn`

### Create a new react project with yarn

```sh

yarn create react-app react-tailwind-css-stater

```

### Install Tailwind CSS with postcss & autoprefixer

```sh

yarn add -D tailwindcss postcss autoprefixer

```

### Generate `tailwind.config.js` and `postcss.config.js`

```sh

yarn tailwindcss init -p

```

### Modify `tailwind.config.js` file

```js

module.exports = {

  content: ["./src/**/*.{js,jsx,ts,tsx}"],

  theme: {

    extend: {},

  },

  plugins: [],

};

```

### Add tailwind base, components and utilities to `index.css`

```css

@tailwind base;

@tailwind components;

@tailwind utilities;

```