TailwindPlay - a simple landing page styled with Tailwind CSS and generated by GatsbyJS


Gatsby Tailwind Starter - Gif animated intro.


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


Resources


Credits


Support

For issues and features request, use Github or access the support page provided by AppSeed



GatsbyJS Tailwind Starter provided by AppSeed