All Projects → taylorbryant → Gatsby Starter Tailwind

taylorbryant / Gatsby Starter Tailwind

Licence: mit
Gatsby starter styled with Tailwind CSS

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Gatsby Starter Tailwind

Gatsby Starter Procyon
An opinionated Gatsby starter designed for trash-eating pandas.
Stars: ✭ 88 (-81.12%)
Mutual labels:  gatsby, starter
Gatsby Starter Netlify Cms
Example gatsby + netlify cms project
Stars: ✭ 1,932 (+314.59%)
Mutual labels:  gatsby, starter
Gatsby Styled Blog Starter
My first GatsbyJS starter.
Stars: ✭ 86 (-81.55%)
Mutual labels:  gatsby, starter
Gatsby Mdx Netlify Cms Starter
Gatsby-MDX with Netlify CMS. Support React components in your CMS editor!
Stars: ✭ 84 (-81.97%)
Mutual labels:  gatsby, starter
awesome-medusajs
A curated list of awesome resources related to MedusaJS 😎
Stars: ✭ 113 (-75.75%)
Mutual labels:  gatsby, starter
Gatsby Starter Bee
🐝Full Package | Simple | Fresh UI | Blog Template :: Let's start to blogging with gatsby-starter-bee!
Stars: ✭ 416 (-10.73%)
Mutual labels:  gatsby, starter
Gatsby Starter Delog
A blog for designers and developer, built with Gatsby and Netlfiy CMS. Live demo https://delog-w3layouts.netlify.com/
Stars: ✭ 145 (-68.88%)
Mutual labels:  gatsby, starter
Gatsby Absurd
An absurd Gatsby starter
Stars: ✭ 153 (-67.17%)
Mutual labels:  gatsby, starter
strapi-starter-gatsby-blog
Updated version of the first Gatsby starter with much more features
Stars: ✭ 140 (-69.96%)
Mutual labels:  gatsby, starter
Gatsby Starter Ts
TypeScript starter for Gatsby. No plugins and styling. Exactly the necessary to start 🔥
Stars: ✭ 159 (-65.88%)
Mutual labels:  gatsby, starter
gatsby-starter-kit
A set of starters for Gatsby.js
Stars: ✭ 99 (-78.76%)
Mutual labels:  gatsby, starter
gatsby-starter-glass
A Minimal & Beautiful Gatsby Personal Blog Starter With Nice Glassmorphism UI
Stars: ✭ 134 (-71.24%)
Mutual labels:  gatsby, starter
gatsby-simple-blog
an easily configurable gatsby-starter-blog with overreacted looking and tags, breadcrumbs, disqus, i18n, eslint, algolia supported
Stars: ✭ 48 (-89.7%)
Mutual labels:  gatsby, starter
React Gatsby Firebase Authentication
🐣🔥Starter Project / Boilerplate for Authentication with Firebase and plain React in Gatsby.js
Stars: ✭ 356 (-23.61%)
Mutual labels:  gatsby
Gulp Scss Starter
Frontend development with pleasure. SCSS version
Stars: ✭ 339 (-27.25%)
Mutual labels:  starter
Pug Starter
Simple pug (jade) starter [framework] enabling faster delivery of HTML & CSS projects to a private server and/or automatic deployment of GitHub pages.
Stars: ✭ 328 (-29.61%)
Mutual labels:  starter
Docz
✍ It has never been so easy to document your things!
Stars: ✭ 22,020 (+4625.32%)
Mutual labels:  gatsby
Github Profile Readme Generator
🚀 Generate GitHub profile README easily with the latest add-ons like visitors count, GitHub stats, etc using minimal UI.
Stars: ✭ 7,812 (+1576.39%)
Mutual labels:  gatsby
Jekyll Klise
🏖 Klisé is a minimalist Jekyll theme for running a personal site or blog, light & dark mode support. (https://klise.now.sh)
Stars: ✭ 312 (-33.05%)
Mutual labels:  starter
Antvis.github.io
🔜 AntV 新站点!
Stars: ✭ 313 (-32.83%)
Mutual labels:  gatsby

Gatsby Starter Tailwind

All Contributors

Gatsby and Tailwind CSS logos
A Gatsby starter styled using Tailwind CSS, a utility-first CSS framework.
Uses Tailwind CSS' built-in purge option to remove unused CSS.
Illustrations by unDraw.

alt text

View demo here.

What is Tailwind CSS?

"Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces." –Tailwind CSS

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 the Gatsby CLI:

npm install --global gatsby-cli

Create a new Gatsby project using this starter:

gatsby new my-new-website https://github.com/taylorbryant/gatsby-starter-tailwind

Build a stylesheet from your Tailwind CSS 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.

Deployment

Netlify

Deploy to Netlify

Vercel

Deploy with Vercel

Resources

License

MIT

How you can help

Enjoying Gatsby Starter Tailwind and want to help? You can:

Contributors

Thanks goes to these wonderful people (emoji key):

impulse
impulse

💻
Georgios Andreadis
Georgios Andreadis

💻
Chris
Chris

💻
Dhaifallah Alwadani
Dhaifallah Alwadani

💻
Nigel Ball
Nigel Ball

🤔 💻
Monte Hayward
Monte Hayward

💻
Luke Bennett
Luke Bennett

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].