gatsbyjs-starter-tailwindplay

KO | EN

gitlite — search

#php #javascript #python #cms #hacktoberfest #nodejs #machine-learning #android #java #golang #library #css

gatsbyjs-starter-tailwindplay

★ 69 Open GitHub ↗

GatsbyJS Tailwind Starter - TailwindPlay

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# [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/)

![Gatsby Tailwind Starter - Gif animated intro.](https://raw.githubusercontent.com/app-generator/static/master/products/gatsbyjs-starter-tailwindplay-intro.gif)

## 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

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](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**

gatsbyjs-starter-tailwindplay

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README