https://github.com/app-generator/gatsbyjs-starter-tailwindplay
GatsbyJS Tailwind Starter - TailwindPlay
https://github.com/app-generator/gatsbyjs-starter-tailwindplay
gatsbyjs starter tailwindcss
Last synced: 3 months ago
JSON representation
GatsbyJS Tailwind Starter - TailwindPlay
- Host: GitHub
- URL: https://github.com/app-generator/gatsbyjs-starter-tailwindplay
- Owner: app-generator
- Created: 2019-06-24T18:26:49.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2019-09-04T19:39:48.000Z (almost 6 years ago)
- Last Synced: 2025-03-11T05:55:52.515Z (4 months ago)
- Topics: gatsbyjs, starter, tailwindcss
- Language: JavaScript
- Homepage: https://gatsbyjs-starter-tailwindplay.appseed.us
- Size: 489 KB
- Stars: 71
- Watchers: 4
- Forks: 20
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# [GatsbyJS Tailwind Starter](https://gatsbyjs-starter-tailwindplay.appseed.us/)
TailwindPlay - a simple landing page styled with [Tailwind CSS](https://tailwindcss.com/) and generated by [GatsbyJS](https://www.gatsbyjs.org/)
## 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/app-generator/gatsbyjs-starter-tailwindplay
```
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
[](https://app.netlify.com/start/deploy?repository=https://github.com/app-generator/gatsbyjs-starter-tailwindplay)
## 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)
## Credits
* [The original starter](https://github.com/Oddstronaut/gatsby-starter-tailwind)
* [The design](https://www.tailwindtoolbox.com/templates/landing-page)
* Images - [undraw.co](https://undraw.co/)
## Support
For issues and features request, use **Github** or access the [support page](https://appseed.us/support) provided by **AppSeed**
---
[GatsbyJS Tailwind Starter](https://gatsbyjs-starter-tailwindplay.appseed.us/) provided by **AppSeed**