Skip to content
forked from kadhirash/gatsby

Build blazing fast, modern apps and websites with React

License

Notifications You must be signed in to change notification settings

Xtuden-com/gatsby

This branch is 1 commit ahead of kadhirash/gatsby:master.

Folders and files

NameName
Last commit message
Last commit date
Oct 15, 2020
Mar 21, 2019
Oct 19, 2020
Mar 20, 2020
Oct 20, 2020
Oct 20, 2020
Nov 9, 2022
Oct 7, 2020
Oct 20, 2020
Oct 20, 2020
Sep 7, 2020
Aug 22, 2020
Aug 3, 2020
Oct 1, 2020
Oct 16, 2020
Oct 20, 2020
May 20, 2020
Feb 12, 2018
Nov 6, 2018
Oct 15, 2020
Oct 20, 2020
Mar 26, 2019
Aug 31, 2020
Jun 25, 2019
Jun 25, 2019
Oct 7, 2020
Jun 27, 2019
Oct 15, 2020
Apr 15, 2020
Oct 2, 2020
Mar 20, 2020
Mar 17, 2020
Sep 22, 2020
Sep 23, 2020
Sep 23, 2020
Mar 28, 2016
Sep 25, 2020
Jun 26, 2019
Oct 2, 2020
May 20, 2020
Jul 22, 2020
Jun 15, 2020
May 29, 2020
Oct 20, 2020
Oct 8, 2020
Apr 15, 2020
Sep 30, 2020
Jun 15, 2019
Feb 29, 2020
Oct 20, 2020

Repository files navigation

Gatsby

Gatsby v2

⚛️ 📄 🚀

Fast in every way that matters

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps

Gatsby is released under the MIT license. Current CircleCI build status. Current npm package version. Downloads per month on npm. Total downloads on npm. PRs welcome! Follow @gatsbyjs

Gatsby is a modern web framework for blazing fast websites.

  • Go Beyond Static Websites. Get all the benefits of static websites with none of the limitations. Gatsby sites are fully functional React apps so you can create high-quality, dynamic web apps, from blogs to e-commerce sites to user dashboards.

  • Use a Modern Stack for Every Site. No matter where the data comes from, Gatsby sites are built using React and GraphQL. Build a uniform workflow for you and your team, regardless of whether the data is coming from the same backend.

  • Load Data From Anywhere. Gatsby pulls in data from any data source, whether it’s Markdown files, a headless CMS like Contentful or WordPress, or a REST or GraphQL API. Use source plugins to load your data, then develop using Gatsby’s uniform GraphQL interface.

  • Performance Is Baked In. Ace your performance audits by default. Gatsby automates code splitting, image optimization, inlining critical styles, lazy-loading, prefetching resources, and more to ensure your site is fast — no manual tuning required.

  • Host at Scale for Pennies. Gatsby sites don’t require servers so you can host your entire site on a CDN for a fraction of the cost of a server-rendered site. Many Gatsby sites can be hosted entirely free on services like GitHub Pages and Netlify.

Learn how to use Gatsby for your next project.

What’s In This Document

🚀 Get Up and Running in 5 Minutes

You can get a new Gatsby site up and running on your local dev environment in 5 minutes with these four steps:

  1. Install the Gatsby CLI.

    npm install -g gatsby-cli
    
  2. Create a Gatsby site from a Gatsby starter.

    Get your Gatsby blog set up in a single command:

    # create a new Gatsby site using the default starter
    gatsby new my-blazing-fast-site
  3. Start the site in develop mode.

    Next, move into your new site’s directory and start it up:

    cd my-blazing-fast-site/
    gatsby develop
  4. Open the source code and start editing!

    Your site is now running at http://localhost:8000. Open the my-blazing-fast-site directory in your code editor of choice and edit src/pages/index.js. Save your changes, and the browser will update in real time!

At this point, you’ve got a fully functional Gatsby website. For additional information on how you can customize your Gatsby site, see our plugins and the official tutorial.

🎓 Learning Gatsby

Full documentation for Gatsby lives on the website.

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

We welcome suggestions for improving our docs. See the “how to contribute” documentation for more details.

Start Learning Gatsby: Follow the Tutorial · Read the Docs

💼 Migration Guides

Already have a Gatsby site? These handy guides will help you add the improvements of Gatsby v2 to your site without starting from scratch!

❗ Code of Conduct

Gatsby is dedicated to building a welcoming, diverse, safe community. We expect everyone participating in the Gatsby community to abide by our Code of Conduct. Please read it. Please follow it. In the Gatsby community, we work hard to build each other up and create amazing things together. 💪💜

🤝 How to Contribute

Whether you're helping us fix bugs, improve the docs, or spread the word, we'd love to have you as part of the Gatsby community! 💪💜

Check out our Contributing Guide for ideas on contributing and setup steps for getting our repositories up and running on your local machine.

A note on how this repository is organized

This repository is a monorepo managed using Lerna. This means there are multiple packages managed in this codebase, even though we publish them to NPM as separate packages.

Contributing to Gatsby v1

We are currently only accepting bug fixes for Gatsby v1. No new features will be accepted.

📝 License

Licensed under the MIT License.

💜 Thanks

Thanks to our many contributors and to Netlify for hosting GatsbyJs and our example sites.

About

Build blazing fast, modern apps and websites with React

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 74.5%
  • TypeScript 22.3%
  • CSS 2.0%
  • HTML 1.1%
  • Shell 0.1%
  • Handlebars 0.0%