Skip to content

alifarooq0/gatsby-typescript-tailwind-emotion

 
 

Repository files navigation

All Contributors

Gatsby TypeScript Tailwind

Gatsby TypeScript Tailwind Emotion

🚀 Quick start

  1. Clone the project and start developing.

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

    git clone https://github.com/impulse/gatsby-typescript-tailwind
    cd gatsby-typescript-tailwind/
    npx gatsby develop
  2. 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.

    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!

👓 Demo

Demo

🎓 Learning Gatsby

Looking for more guidance? Full documentation for Gatsby lives on the website. Here are some places to start:

  • For most developers, we recommend starting with our in-depth tutorial for creating a site with Gatsby. 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. In particular, check out the Guides, API Reference, and Advanced Tutorials sections in the sidebar.

License

MIT

About

Gatsby V3 + TypeScript + TailwindCSS + Emotion (twin.macro)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 52.5%
  • JavaScript 46.7%
  • CSS 0.8%