https://github.com/peoray/tailwind-boilerplate

📦 Quick boilerplate to get you started with TailwindCSS
https://github.com/peoray/tailwind-boilerplate

css tailwind-css-template tailwind-scaffolding tailwindcss

Last synced: 1 day ago
JSON representation

📦 Quick boilerplate to get you started with TailwindCSS

• Host: GitHub
• URL: https://github.com/peoray/tailwind-boilerplate
• Owner: peoray
• Created: 2020-03-19T22:09:50.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-04-07T02:24:28.000Z (over 1 year ago)
• Last Synced: 2024-09-17T14:18:45.832Z (8 days ago)
• Topics: css, tailwind-css-template, tailwind-scaffolding, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 213 KB
• Stars: 19
• Watchers: 2
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# tailwindcss-boilerplate

A quick opionated setup to get you up and running without doing any configuration. This is useful for prototype.

## Installation

To get started:

1. Clone the repository:

`git clone https://github.com/peoray/tailwind-boilerplate.git`

`cd tailwind-boilerplate`

2. Install the dependencies:

    ```

    # npm

    npm install

    # yarn

    yarn install

    ```

3. Start up development server

    ```

    # npm

    npm run start

    # yarn

    yarn run start

    ```

#### To build for production

The production code is optimized using [cssnano](https://cssnano.co/). 

To run

```

    # npm

    npm run prod

    # Yarn

    yarn run prod

   ```

This will create a minify css file in `dist/css/main.css`.

#### Tailwind Config

You can find an example of a tailwind config file [here](https://gist.github.com/peoray/43d0695faf1f52b1a4c087ef99c74686)

## License

MIT