https://github.com/ecklf/gatsby-typescript-tailwind

Gatsby + TypeScript + Tailwind CSS
https://github.com/ecklf/gatsby-typescript-tailwind

boilerplate gatsby starter tailwind tailwindcss template ts typescript

Last synced: about 2 months ago
JSON representation

Gatsby + TypeScript + Tailwind CSS

• Host: GitHub
• URL: https://github.com/ecklf/gatsby-typescript-tailwind
• Owner: ecklf
• License: mit
• Created: 2019-11-13T19:47:01.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2023-01-06T21:39:15.000Z (about 2 years ago)
• Last Synced: 2024-12-10T15:04:58.278Z (2 months ago)
• Topics: boilerplate, gatsby, starter, tailwind, tailwindcss, template, ts, typescript
• Language: TypeScript
• Homepage: https://gatsby-typescript-tailwind.netlify.com/
• Size: 4.17 MB
• Stars: 76
• Watchers: 4
• Forks: 10
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ccamel - ecklf/gatsby-typescript-tailwind - Gatsby + TypeScript + Tailwind CSS (TypeScript)
• awesome-tailwindcss - Gatsby Starter + TypeScript - Gatsby starter using Tailwind CSS and TypeScript. (Starters & Themes)

README

        

[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors)



  

    

  





Gatsby TypeScript Tailwind



## 🚀 Quick start

1.  **Clone the project and start developing.**

    Navigate into your new site’s directory and start it up.

    ```zsh

    git clone https://github.com/impulse/gatsby-typescript-tailwind

    cd gatsby-typescript-tailwind/

    gatsby develop

    ```

1.  **Open the source code and start editing!**

    Your site is now running at `http://localhost:8000`!

    _Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._

    Open the `gatsby-typescript-tailwind` directory in your code editor of choice and edit `src/pages/index.tsx`. Save your changes and the browser will update in real time!

## 🎓 Learning Gatsby

Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.org/). Here are some places to start:

- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.org/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.

- **To dive straight into code samples, head [to our documentation](https://www.gatsbyjs.org/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.

## License

MIT

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
Simon VDB
💻

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!