Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rahulvyas1/labsteam-website


https://github.com/rahulvyas1/labsteam-website

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        


Gatsby and Tailwind CSS logos


A Gatsby starter styled using Tailwind, a utility-first CSS framework.

Uses Purgecss to remove unused CSS.

Illustrations by unDraw.




npm version



![alt text](https://image.ibb.co/jv6FC7/gatsby_starter_tailwind.png "Screenshot of Gatsby Starter Tailwind homepage")

View demo here.

## What is Tailwind?
>"Tailwind is a utility-first CSS framework for rapidly building custom user interfaces."
–[Tailwind](https://tailwindcss.com)

## What is Gatsby?
>"Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps." -[Gatsby](https://www.gatsbyjs.org/)

## Get started

Install Gatsby CLI:
```sh
npm i --global gatsby-cli
```

Create new Gatsby project using this starter:
```sh
gatsby new my-new-website https://github.com/taylorbryant/gatsby-starter-tailwind
```

Build stylesheet from Tailwind config and run the project in development mode:
```sh
cd my-new-website
npm run develop
```

## Format and lint
* `npm run analyze` - See what ESLint and Prettier can fix
* `npm run fix` - Run Prettier and ESLint with the `--fix` option

## Build your site
Use `npm run build` to build your site for production.

## Deploy

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/taylorbryant/gatsby-starter-tailwind)

## Resources
* [Gatsby documentation](https://www.gatsbyjs.org/docs/)
* [Tailwind documentation](https://tailwindcss.com/docs/what-is-tailwind/)
* [Prettier documentation](https://prettier.io/docs/en/index.html)
* [ESLint documentation](https://eslint.org/docs/user-guide/configuring)

## License
[MIT](https://github.com/taylorbryant/gatsby-starter-tailwind/blob/master/LICENSE.md)

## How you can help
Enjoying Gatsby Starter Tailwind and want to help? You can:
* [Create an issue](https://github.com/taylorbryant/gatsby-starter-tailwind/issues/new) with some constructive criticism
* [Submit a pull request](https://github.com/taylorbryant/gatsby-starter-tailwind/compare) with some improvements to the project
* [Buy me a :coffee:](https://cash.me/$TaylorBryant)