Gatsby TailwindCSS Blog

My blog built using Gatsby and TailwindCSS with Gatsby Starter Tailwind. Also based on Build a Blog with React and Markdown using Gatsby Tutorial.

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

Update stylesheet from Tailwind config and run the project in development mode:

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.

Deployment

Deployed on netlify at https://axelclark.netlify.com/.

Resources

• Gatsby Starter Tailwind repo
• Gatsby documentation
• Tailwind documentation
• Prettier documentation
• ESLint documentation