GatsbyJS Tailwind Starter
TailwindPlay - a simple landing page styled with Tailwind CSS and generated by GatsbyJS
What is Tailwind?
"Tailwind is a utility-first CSS framework for rapidly building custom user interfaces." –Tailwind
What is Gatsby?
"Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps." -Gatsby
Get started
Install Gatsby CLI:
npm i --global gatsby-cli
Create new Gatsby project using this starter:
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:
cd my-new-website
npm run develop
Format and lint
npm run analyze
- See what ESLint and Prettier can fixnpm run fix
- Run Prettier and ESLint with the--fix
option
Build your site
Use npm run build
to build your site for production.
Deploy
Resources
Credits
- The original starter
- The design
- Images - undraw.co
Support
For issues and features request, use Github or access the support page provided by AppSeed
GatsbyJS Tailwind Starter provided by AppSeed